随 寿 移动 站 设备 的 盛行 ， 在 网 上 购物 的 方式 也 友 生 了 根本 性 的 变化 。 智 能 手机 的 普及 ， 使 移动 问 购 物 远 远 超过 了 电脑 端 购 
物 。 既 然 移动 咒 店 铺 已 经 壮大 并 变 为 主流 购物 万 式 ， 那 么 对 于 移动 端 网 店 的 要 求 也 融 越 来 越 启 ， 单 纯 的 商品 罗列 已 经 不 能 吸引 买 
家 的 眼球 ， 对 其 进行 精致 的 六 修 人 至 天 重要 。 


对 于 买 家 而 言 ， 最 能 和 直接 引起 购买 欲望 的 除了 价格 和 产品 特色 以 外 ， 还 有 整体 网 店 的 装修 格局 和 配色 。 这 两 点 也 可 以 大 大 刺 
激 买 家 的 购买 僻 望 。 对 于 卖家 和 而 言 ， 能 够 产生 经 济 效 葵 的 店铺 才 是 好 的 店铺 。 在 价格 与 特点 都 大 体 相同 的 情况 下 ， 好 的 移动 端 店 
铺 委 修 界面 是 提升 卖点 的 保证 。 


现在 市 面 上 流行 的 网 店 北 修 书籍 ， 大 多 数 是 以 理论 和 实例 两 种 形态 存在 的 ， 本 书 则 是 将 两 者 的 特点 合 二 为 一 ， 使 网 店 经 营 
不 仅 可 以 了 解 兴修 的 理论 ， 还 可 以 通过 书 中 大 量 的 实例 来 完成 实践 操作 的 过 程 ， 在 学 习 时 少 走 弯 路 。 


本 书 集 作者 多 年 丰富 的 电 商 教学 经 验 及 网 店 经 营 与 六 修 的 实际 设计 工作 经 验 于 一 体 ， 通 过 阅读 本 书 读者 可 以 快速 学 到 网 店 沪 
修 过 程 中 的 经 验 和 技巧 ， 解 决 开店 装修 中 的 难题 ， 提 高 开店 水 平 ， 快 速成 为 网 上 销售 高 手 。 


本 书 特点 
本 书 内 容 较 为 丰富 ， 由 浅 入 深 ， 力 争 涵 苹 网 上 店铺 装修 中 的 全 部 知识 点 。 主 要 特点 如 下 : 
内 容 全 面 ， 几 乎 涵盖 了 移动 端 网 店 装修 所 涉及 的 视觉 图 像 、 配 色 和 整体 店铺 装修 的 各 个 方面 。 


. 理论 与 实践 相 结 合 ， 书 中 实例 的 运用 都 是 以 软件 某 个 重要 知识 点 展开 ， 使 读者 更 加 容易 理解 和 掌握 ， 从 而 方便 知识 点 的 记 


忆 ， 进 而 能 够 举一反三 。 
` 书 中 关键 的 功能 及 实例 部 分 都 配 有 相应 的 视频 ， 可 以 让 读者 更 快 、 更 轻松 地 掌握 网 店 装修 知识 。 
- 配套 PPT 课 件 ， 让 学 习 更 加 轻松 。 
本 书 草 节 安排 
全 书 共 9 章 ， 依 次 讲解 了 移动 端 网 店 前 期 企划 、 移 动 店铺 设计 和 要领 、 图 像 处 理 基 础 、 移 动 正 网 店 可 委 修 区 域 的 图 像 制作 、 移 
动 端 店铺 首页 兴修 实战 、 目 定义 页 面 设 计 、 目 定义 菜单 的 制作 、 微 海报 制作 、 手 机 公众 号 与 微 淘 推 广 等 。 
云 下 载 
本 书 的 视频 、 素 材 、 源 文件 和 和 PPT 课件 的 下 载 地 址 为 : 
http://pan.baidu.com/s/1mhLPSUG (注意 区 分 数字 和 英文 字母 之 间 的 大 小 写 ) 
若 下 载 有 问题 ， 请 发 送 电子 邮件 到 booksaga@126.com， 邮 件 主题 为 “移动 端 店铺 装修 、 运 莒 与 推广 ”。 


本 书 主要 由 罗 庚 、 陆 泌 和 韵 久 平 编著 ， 同 时 参与 编写 工作 的 还 有 于 红 太 、 时 延 辉 、 戴 时 影 、 潘 硕 、 王 君 入 、 间 冬 美 、 尚 彤 、 
葛 久 平 、 孙 信 、 间 绍 婕 、 正 晓 峰 、 张 权 阳 、 赵 贿 、 张 猛 、 齐 新 、 王 海 肪 、x1j 爱 华 、 胡 渤 、 张 杰 、 张 疑 、 周 水 、 周 烛 、 陆 客 、 金 
雨 、 间 智 梅 、 黄 友 恨 、 张 希 、 蒋 立 军 、 将 风 、 将 玉 、 苏 丽 东 、 谭 明 字 、 沈 桂 军 、 关 向 示 、 间 丹 、 王 凤 展 、 卜 户 波 、 袁 震 窜 、 田 秀 


云 、 霍 红 等 。 由 于 作者 水 平 有 限 ， 书 中 琉 漏 之 处 在 所 难免 ， 冤 请 读者 批评 指正 。 
编者 


2017 年 11 月 


第 1 章 “移动 端 网 店 前 期 企划 


随 着 移动 端 设备 逐渐 普及 ， 在 移动 端 开设 电子 商务 店铺 已 经 不 是 什么 新 鲜 事 了 ， 随 时 随地 不 受 限制 的 方便 模式 ， 也 正好 符合 
现在 年 轻 人 的 使 用 观念 。 开 设 并 沪 修 一 个 属于 自己 风格 的 移动 喘 淘 宝 店 铺 ， 不 但 可 以 方便 浏 响 者 进行 随时 随地 进行 购买 ， 还 可 以 
为 卖家 增加 一 部 分 不 可 小 遍 的 收入 。 


重点 提示 

大 什么 是 移动 端 店 铺 

大 移动 端 店 铺 的 组 成 元 素 
大 移动 新 店铺 的 制作 流程 


正 所 谓 市 场 有 需求 束 会 有 供给 ， 婚 方便 买 家 又 亡 便 卖家 的 移动 峭 店 铺 不 仅仅 是 电脑 闯 淘 宝 店 铺 的 一 个 补 序 ， 很 多 时 候 这 种 微 
运营 的 收入 已 经 超过 了 淘宝 店铺 的 收入 ， 如 图 1-1 所 示 。 


在 进行 移动 端 店铺 企划 前 ， 首 先 要 对 移动 端 店 铺 中 的 相关 知识 、 制 作 流 程 、 页 面 组 成 及 一 些 专 有 名 词 有 初步 的 认识 。 时 然 现 
在 的 店铺 装修 设计 都 是 强调 专业 分 工 ， 可 是 若 团 队 中 的 每 一 位 成 员 都 能 具备 上 述 的 基本 知识 ， 对 于 团队 的 合作 效率 绝对 有 加 分 的 
作用 。 本 草 主要 对 移动 新 店铺 流程 中 的 各 个 部 分 做 重点 式 的 讲解 说 明 ， 以 便 让 初次 进入 移动 店 铺 装 修 领域 的 用 尸 有 遵循 的 依 
据 。 


人 移动 端 购物 已 成 为 习惯 


称 动 端 淘 宝 占 比 / 电脑 端 淘 宝 占 比 


图 1-1 移动 端 店铺 与 电脑 端 店铺 占有 比例 


1.1 -什么 是 移动 丹 网 店 


移动 端 网 店 顾名思义 就 是， 随身 携 这 的 手机 、ipad 等 移动 端 设 备 中 经 营 的 网 店 ， 与 电脑 并 相 比 最 大 好 处 束 是 方便 。 无 论 是 
手机 还 是 ipad， 如 果 想 兴修 一 个 个 性 十 足 的 店铺 的 话 ， 必 须要 在 电脑 端 进行 操作 ， 之 后 再 通过 移动 端 设 备 进 行 管 理 ， 淘 宝 网 专 
门 为 移动 设备 开局 了 一 个 手机 淘宝 店铺 功能 。 


移动 铀 店铺 有 着 其 他 微 店 所 不 具备 的 资源 ， 即 它 有 淘宝 “这 棵 大 树 ” 作 为 后 盾 ， 本 身 在 淘宝 店铺 中 束 已 经 有 一 些 固定 的 客户 
了 ， 骨 通过 手机 的 便利 条 件 绝对 会 增加 更 多 的 流量 并 市 来 经 济 效益 。 

当 所 有 的 宝贝 界面 装修 完成 后 ， 接 下 来 束 要 让 客 己 通过 移动 网 络 连 接 到 我 们 设计 的 网 店 上 浏览 ， 此 时 放置 宝贝 及 相关 元 素 的 
页 面 束 是 移动 端 网 店 店铺 了 ， 如 图 1-2 所 示 的 图 像 ， 便 是 网 络 、 移 动 端 店铺 ， 以 及 各 个 北 修 页 面 之 间 的 关系 。 


图 1-2 ”移动 端 店铺 的 关系 
其 中 的 内 容 说 明 如 表 1-1 所 示 。 
表 1-1 移动 端 网 店 组 成 名 称 与 内 容 
名 称 


手机 网 络 手机 运营 商 提 供 的 2G、3G、4G 网 络 或 通过 互联 网 WiFi 提 供 的 网 络 
移动 端 店 铺 放置 网 店 数据 的 地 方 


显示 网 店内 容 的 画面 
浏览 者 最 先 看 到 的 网 店 页 面 


温馨 提示 


为 了 减少 买 家 与 类 家 使 用 手机 产生 的 流量 费用 ， 建 议 大 家 在 WIFI 环境 中 进行 浏览 及 管理 。 


1.2 ”移动 电 店 铺 的 组 成 元 素 


移动 凯 店 铺 页 面 中 的 主要 组 成 元 素 有 图 片 、 文 字 及 超 链 接 等 ， 其 中 文字 和 图 片 是 用 来 表达 手机 网 上 店铺 的 商品 资料 内 容 。 当 
然 ， 移 动 冰 店 铺 中 不 能 只 有 一 个 页 面 ， 此 时 页 面 与 页 面 之 间 的 相互 链接 融 担 负 起 了 整个 网 店 的 串联 工作 。 


1.2.1 ”移动 蜗 店 铺 中 的 图 片 


图 片 是 移动 端 店 铺 中 的 重要 组 成 元 素 ， 主 要 用 来 宣传 店铺 、 吸 引 买 家 眼球 及 展示 店铺 中 宝贝 效果 等 ， 宣 传 部 分 可 分 为 店 标 、 
店 招 等 ， 吸 引 眼 球 部 分 可 分 为 单列 图 像 、 双 列 图 像 、 焦 点 图 、 新 客 与 老 客 图 像 、 活 动 头 图 像 、 多 图 片 图 像 、 左 文 右 图 等 ， 如 图 1- 
3 所 泵 。 


重要 要 本 市 国 称 动 全 1 


镇 店 爆 款 


中暑 评 让 时 | 必 仿 腹 榴 Pal 


窟 惠 壤 礼 料 企 有 有礼 


图 1-3 移动 端 店铺 中 的 图 上 


1. 店 标 


在 开张 的 淘宝 移动 端 店铺 中 ， 店 标 通 常 指 的 是 网 店 的 核心 标识 ， 也 殊 是 店铺 的 Logo， 文 件 格 式 有 gif、jpg、png， 文 件 大 小 
保持 在 80K 以 内 ， 建 议 尺 寸 为 80 像 素 x 80 像 素 。 


对 于 一 个 店铺 而 言 ， 店 标 有 着 相当 重要 的 地 位 ， 大 到 国际 连锁 品牌 ， 小 到 零售 网 店 ， 都 会 有 目 己 的 独特 标志 。 标 志 能 够 代表 
一 个 品牌 ， 一 种 形象 ， 更 能 够 给 顾客 留 下 深刻 的 印象 ， 并 稳定 扩展 目 己 的 客户 群 ， 淘 宝 店 标 正 是 担当 这 一 重要 目标 的 载体 ， 代 表 
着 店铺 的 风格 。 移 动 庙 淘宝 店 标 与 电脑 旺 淘宝 店 标 使 用 的 是 同一 个 ， 在 移动 端 店铺 中 通常 放置 在 店 招 的 左下 角 位 置 。 如 图 1-4 所 
示 的 图 片 为 移动 端 网 店 店 标 ， 如 图 1-5 所 示 的 图 像 为 一 些 参考 Logo。 
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图 1-4 店 标 
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图 1-5 ”参考 Logo 
温 获 提示 


店铺 中 的 店 标 规格 大 小 为 80 像 素 X80 人 和 像素， 如 果 直 接 在 Photoshop 软 件 中 设计 ， 图 片 太 小 ， 放 大 处 理会 出 现 像素 块 效果 ， 为 
了 更 好 地 编辑 图 像 ， 我 们 可 以 新 建 一 个 与 80 像 素 X80 像 素 等 比例 缩放 的 图 像 文 档 ， 如 500 像 素 X500 像 素 ， 制 作 完 毕 后 ， 再 将 其 缩 
小 为 80 像 素 X80 像 素 即 可 ， 优 点 是 便于 编辑 。 


2. 店 招 


移动 咒语 铺 店 招 与 电脑 到 淘 宝 店 铺 的 店 招 作 用 一 样 不 需要 | 门面， 所 以 店 招 惑 是 店铺 的 门面 ， 即 虚拟 店铺 的 招牌 。 店 招 一 般 都 
有 统一 的 尺寸 要 求 ， 以 淘宝 网 中 的 移动 端 店铺 来 品 ， 大 小 为 642 像 素 x200 像 素 ， 格 式 为 jpg、png。 对 于 目 己 的 门面 当然 是 越级 
引 人 越 好 ， 所 以 移动 端 店 铺 同样 需要 网 店 美工 ， 一 个 好 的 店 招 完全 可 以 体现 出 本 店 的 特点 和 所 售 产 品 ， 如 图 1-6 所 示 。 


注 里 雅 旗舰 店 


让 遍 Ti P= 


店铺 首页 


图 1-6 店 招 


3. 宣 传 店铺 商品 的 广告 


在 移动 尊 店 铺 中 起 广告 宣传 作用 的 当 图 片 莫 属 ， 在 细 分 的 各 种 图 片 模式 中 ， 目 的 还 是 为 了 吸引 买 家 的 目光 ， 从 而 增加 店铺 的 
流量 ， 好 的 图 片 广告 效果 绝对 会 直接 或 间接 地 增加 店主 的 收入 ， 如 图 1-7 所 示 。 
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图 1-7 宣传 店铺 商品 的 广告 


1.2.2 ”移动 痕 店 铺 中 的 文字 


文字 作为 移动 问 店 铺 中 的 重要 组 成 元 素 ， 主 要 用 来 对 军 贝 图 片 进行 辅助 讽 明 、 担 任 店铺 公告 或 者 参与 图 片 进行 美化 主题 等 ， 
如 图 1-8 所 示 。 
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图 1-8 移动 店铺 中 的 文字 


1.2.3 ”移动 痕 店 铺 中 的 链接 


如 果 移 动 端 店铺 没有 链接 ， 那 么 最 终 显示 给 消费 者 的 束 是 一 个 主页 ， 其 他 的 页 面 都 不 会 被 浏览 者 看 到 ， 换 句 话说 ， 没 有 链接 
的 网 店 束 是 一 个 失败 页 面 ， 根 本 区 不 能 称 之 为 网 店 。 正 确 的 万 式 是 要 有 页 面 来 作为 浏览 者 最 先 看 到 画面 ， 接 着 再 利用 此 页 面 中 的 
超 链 接 来 继续 浏览 其 他 页 面 ， 浏 览 者 最 先 看 到 的 网 店 页 面 称 为 首页 ， 其 他 的 页 面 则 是 在 首页 的 基础 上 出 现 的 目 定 义 页 面 ， 目 定义 
页 面 之 间 也 是 仓 企 链接 交互 的 ， 如 图 1-9 所 示 。 “首页 ”也 是 一 个 单纯 的 网 店 页 面 ， 只 是 首页 具有 给 浏览 者 最 乞 接触 的 特性 ， 因 
此 设计 者 通常 会 对 首页 上 的 美化 及 网 店主 题 性 特别 下 功夫 ， 以 便 给 人 民 好 的 印象 ， 从 而 为 店铺 增加 流量 和 利益 。 


图 1-9 ”移动 端 店 铺 中 的 链接 


1.3 ”移动 部 店铺 的 制作 沅 程 


移动 端 店 铺 制 作 流 程 是 指 从 设置 主题 、 整 体 风格 、 建 立 网 站 架构 、 店 铺 页 面 组 件 设计 ， 一 直到 最 后 的 店铺 维护 与 更 新 等 一 系 
列 的 步骤 。 如 图 1-10 所 示 为 移动 端 店铺 设计 与 痰 修 的 主要 流程 架构 及 其 细部 内 容 。 


刘 划 阿 期 中 
。 设 置 移动 端 网 店 的 主题 及 客户 群 


。 绘 制 称 动 端 网 店 的 页 面 规 划 
。 链 接 交 互 设 计 


s 设 百 移 动 详 店铺 的 整体 凤 格 
用 则 委 异 
工作 分 配 及 制定 时 间 表 

关于 主题 德 动 端 店铺 的 资料 收集 


制作 时 期 
移动 端 网 店 设计 稿 
。 店 错 页 面 盟 件 设计 
。 上 店铺 页 面 设计 及 校正 错误 


。 在 PC 应 保存 并 发 和 
“在 移动 端 曾 宝 中 可 以 查看 店 锅 效 果 


移动 靖 店 后 内 容 的 更 新 与 航 护 


图 1-10 ”移动 端 店铺 设计 与 装修 流程 图 


1.3.1 规划 时 期 


规划 时 期 是 移动 端 店 铺 在 搭建 之 前 的 作业 ， 无 论 是 针对 企业 或 个 人 网 上 店铺 ， 都 少不了 这 个 时 期 。 其 实 对 于 移动 新 店铺 设计 
而 言 ， 束 好 比 为 客户 做 项 目 一 样 ， 必 须 经 过 事先 的 详细 规划 及 讨论 ， 然 后 才能 赁 借 团 队 合作 的 力量 ,将 用 于 移动 端的 店铺 成 果 呈 


现 出 来 。 
1. 设 置 移动 端 网 店 的 主题 及 客 尸 群 


"移动 疡 网 店主 题 ”是 指 移 动 端 网 上 店铺 的 内 容 及 主题 诉求 。 以 服 涂 移动 端 店 铺 为 例 ， 具 有 时尚 女 涂 主题 、 将 时 尚 女 沪 作为 
主题 ， 针 对 年 轻 女 性 而 展现 的 全 方位 服 闪 店铺 为 网 店 客 尸 群 诉求 ， 如 图 1-11 所 示 。 
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图 1-11 主题 鲜明 的 移动 端 网 店 


至 于 “客户 群体 ”可 以 解释 为 会 进入 移动 新 网 店 页 面 的 主要 对 象 ， 束 好 像 商 品 交 易 的 市 场 调查 一 样 ， 一 个 越 接近 主客 尸 群 的 
产品 ， 其 市 场 的 接受 度 也 丈 越 高 。 同 样 的 宣传 主题 ， 但 是 针对 的 人 群 不 同 ， 在 设计 时 就 要 考虑 不 同 的 页 面 风格 ， 只 有 这 样 才能 
加 贴近 客 己 群体， 从 而 使 目 己 制 作 的 移动 端 网 店 更 加 具有 苋 争 力 。 如 图 1-12 所 示 为 针对 儿童 服 六 的 移动 锯 店铺 。 
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图 1-12 ”针对 儿童 服装 的 移动 端 店铺 


其 实 为 移动 端 搭建 网 上 店铺 也 算是 商业 行为 的 一 种 ， 要 号 么 让 移动 端 店铺 具有 高 浏览 率 是 在 设计 之 前 的 规划 重点 ， 虽 然 我 们 
不 可 能 为 了 设计 一 个 移动 端 店铺 而 进行 市 场 调查， 但 是 名 能 在 移动 员 店 铺 建立 书 前 ， 先 针对 “网 店主 题 ” 及 “客户 群体 ”多 与 客 
户 及 团队 成 员 讨 论 ， 以 取得 一 个 大 家 都 可 以 接受 的 共识 ， 必 定 可 以 让 这 个 移动 新 店铺 更 加 成 功 。 同 时 也 不 会 因为 移动 端 店铺 内 容 
不 符合 客户 的 需求 ， 而 导致 人 力 、 物 力 及 财力 的 滔 费 。 


2. 绘 制 移动 端 网 上 店铺 的 页 面 规划 


移动 尊 网 上 店铺 页 面 规划 架 构图 是 整个 移动 端 店铺 的 组 织 结构 ， 也 可 称 之 为 店内 中 页 面 的 分 类 方式 ,我们 可 以 根据 “网 店主 
题 ” 及 “客户 群体 ”来 设计 出 移动 病 网 上 店铺 中 需要 哪些 页 面 来 放置 商品 及 数据 。 这 里 按照 “户外 商品 ”的 移动 病 网 上 店铺 作为 
规划 ， 为 其 设置 一 个 “首页 和 4 个 二 级 页 面 ， 如 图 1-13 所 示 。 


自负 


目 定 义 页 面 国 证 情 页 页 面 国 活动 页 页 面 


图 1-13 ”移动 端 店铺 的 页 面 规划 
3. 链 接 人 交互 设计 


浏 贤 导 舰 残 像 是 商场 中 的 不 同 店铺 ， 这 些 导航 会 导 引 大 家 到 想 要 去 的 地 万 而 不 会 走 钳 。 不 过 微 网 页 上 的 链接 融 不 能 这 么 直观 
地 来 引导 浏 史 者 ， 此 时 链接 按钮 的 设计 束 显 得 非常 重要 。 


重 直 链接 顺序 


以 直 链接 顺序 是 将 所 有 的 导航 功能 放置 于 首页 页 面 ， 用 户 必 须 回 到 首页 之 后 ， 才 能 继续 浏览 其 他 页 面 ， 优 点 是 设计 容易 ， 缺 
拟 则 是 在 浏览 上 比较 太 烦 。 如 图 1-14 所 示 图 像 中 的 葡 头 符号 束 是 代表 浏览 者 可 以 链接 的 万 同 顺序 。 


目 定 义 页 面 国 详情 页 页 面 活动 页 页 面 


图 1-14 重 直 链接 顺序 
垂直 与 水 平 链接 顺序 


水 平 链接 指 的 是 在 可 以 同 级 页 面 之 间 互 相 链 接 ， 同 时 具有 水 平 及 垂直 链接 顺序 的 导航 设计 ， 优 点 是 浏览 容易 ， 缺 点 是 设计 比 
较 复 杂 ， 如 图 1-15 所 示 。 


图 1-15 ”水平 与 重 直 链接 顺 厅 


不 管 采 用 哪 种 设计 ， 都 要 经 过 详细 的 讨论 与 规划 ， 在 每 个 页 面 中 都 放置 可 直接 回 到 首页 的 链接 。 


4. 设 置 移动 端 店 铺 的 整体 风格 


页 面 风 格 束 是 移动 端 店铺 页 面 的 美术 效果 ， 这 里 可 表 细 分 为 “首页 及 “二 级 页 面 ” 的 画面 风格 ,其 中 “首页 ”属于 移动 端 
店铺 的 门面 ,一 定 要 针对 “移动 端 店 铺 主题 ”及 “客户 群体 ”两 大 需求 来 进行 设计 ; 至 于 “二 级 页 面 ”， 因 为 是 放置 移动 端 店铺 
中 的 各 项 内 容 ， 所 以 只 要 风格 与 “首页 ”保持 一 致 即 可 ， 界 面 不 需要 太 人 花哨 ， 人 否则 会 让 浏 贞 者 感 咒 无所适从 ， 找 不 到 重点 。 


在 移动 端 店 铺 图 像 广 告 设计 中 颜色 搭配 最 好 保持 在 三 种 色 系 以 内 ， 这 样 的 页 面 看 起 来 会 非常 轻松 ， 使 浏览 者 不 会 产生 大 烦 
感 。 


另外 ， 各 个 页 面 中 的 链接 文字 或 图 片 数量 则 是 依据 “移动 端 店 铺 主题 ”进行 设计 的 ， 在 此 建议 先 在 绝 上 绘制 相关 草图 ， 再 由 
客户 及 团队 成 员 共 同 决定 ， 最 后 将 其 设计 成 微 网 站 效果 。 这 样 可 以 减少 反复 修改 的 麻烦 ， 也 会 让 客 尸 有 一 种 被 重视 的 感 玩 。 


5. 前 期 预算 


预算 费用 是 移动 端 店铺 设计 中 最 不 易 擎 控 的 部 分 。 无 论 是 移动 喘 店 铺 布局 、 图 像 编 修 ， 还 是 请 专人 设计 相关 组 件 、 视 频 动 
画 、 店 铺 动 态 等 ， 都 是 必须 支出 的 费用 。 无 论 如 何 ， 大 家 都 要 将 可 能 支出 的 费用 及 明细 详 列 出 来 ， 以 便 进行 预算 费用 的 掌控 ， 这 
样 做 的 好 处 是 尽量 避免 后 期 与 客户 产生 经 济 纠纷 。 


6. 工 作 分 配 及 制定 时 间 表 


专业 分 工 是 目前 市 场 的 主流 ， 在 设计 团队 中 每 个 人 依据 目 己 的 专长 来 分 配 移动 问 店 铺 开 及 的 各 项 工作 ， 除 了 可 以 让 移动 闯 店 
铺 内 容 更 加 精致 外 ， 还 可 以 大 幅度 缩减 开 友 时 间 。 


不 过 专业 分 工 的 缺点 是 进度 及 时 间 较 难 擎 控 ， 因 此 在 分 工 完成 后 ， 还 要 再 制作 一 个 开 友 进度 的 时 间 表 ， 将 各 项 设计 的 内 容 与 
进度 做 详细 规划 ， 同 时 在 团队 中 也 要 有 一 个 领导 者 专职 进度 掌控 、 作 品 收集 及 与 客户 的 协调 工作 ， 以 确保 每 个 成 员 的 作品 除了 风 
格 一 致 外 ， 也 可 以 满足 客户 的 需求 。 


7. 关 于 主题 移动 端 店铺 的 资料 收集 


以 建构 一 个 尸 外 商品 移动 新 网 上 店铺 为 例 ， 商 品 照片 、 文 字 介 绍 及 店铺 Logo 等 ， 必 须 由 客 尸 提供 。 大 家 可 以 根据 移动 端 上 
店铺 架构 中 各 个 页 面 所 要 放置 的 数据 内 容 ， 列 出 一 份 详细 数据 清单 ， 然 后 请 客 尸 提供 ， 此 时 可 以 请 团队 中 的 领导 者 随时 与 客 尸 保 
持 联 系 ， 作 为 成 员 与 客户 之 间 沟 通 的 桥梁 。 如 图 1-16 所 示 为 “ 尸 外 商品 ”移动 端 网 上 店铺 。 
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图 1-16 ”移动 端 网 上 店铺 


1.3.2 设计 时 期 


设计 时 期 已 经 进入 到 移动 端 店铺 实际 制作 的 部 分 ， 这 里 最 重要 的 是 后 面 的 整合 及 校正 错误 ， 如 何 让 客户 满意 整个 移动 端 店铺 
的 作品 ;如 何 呈 现 整个 移动 端 店铺 中 页 面 的 功能 ; 如 何 掌握 微 页 面 之 间 的 链接 ， 都 会 在 这 个 时 期 决定 。 
1 .移动 端 店铺 设计 入 

最 初 的 移动 端 店铺 设计 版 面 ， 应 该 先 与 客户 沟通 完毕 后 设计 一 个 最 原始 的 版 面 ， 与 客户 达成 共识 后 ， 再 进行 页 面 中 各 个 组 件 
的 精确 设计 。 
2 店铺 页 面 组 件 设计 


在 进行 移动 端 店铺 设计 之 前 ， 可 以 先 将 移动 端 店铺 店 招 、 素 材 图 案 、 用 于 宣传 的 广告 图 像 及 视频 动画 设计 好 ， 最 后 进行 移动 
映 店 铺 效 果 组 合 。 其 实 这 个 部 分 束 算 是 各 个 成 员 的 工作 内 容 ， 而 分 工 的 目的 也 在 于 此 ， 每 个 人 因 专 长 的 不 同 来 设计 移动 端 店铺 组 
件 ， 同 时 也 将 客 己 所 提供 的 照片 进行 调整 ， 文 字 作 文案 的 修饰 ， 等 一 些 素材 都 完成 后 ， 最 后 束 是 页 面 的 整合 。 


3. 店 铺 页 面 设 计 以 及 校正 错误 


到 此 步骤 才能 算是 移动 端 店铺 设计 ， 也 才 会 真正 运用 到 手机 淘 叹 装修 功能 。 我 们 在 手机 淘 叹 疼 修 中 装修 和 首页、 新建 目 定 义 页 
面 及 店铺 动态 页 面 等 ， 然 后 将 各 个 成 员 设 计 好 的 部 分 在 此 进行 整合 ， 以 完成 整个 移动 端 店铺 的 搭建 。 手 机 网 上 店铺 完成 后 ， 还 必 
须 按照 客 尸 的 意见 进行 进一步 的 修改 ， 以 及 针对 手机 网 上 店铺 中 所 有 的 功能 内 容 进行 测试 ， 确 保 整 个 手机 网 上 店铺 内 容 都 正确 无 


* 嘱 


lI 天。 


因此 ， 在 设计 工作 时 间 表 时 ， 要 记得 将 测试 时 间 加 入 到 时 间 表 中 ， 免 得 移动 端 店铺 设计 完成 后 ， 却 没有 测试 的 时 间 了 。 


1.3.3 ” 保 仔 与 友 布 时 期 


保存 与 友 布 时 期 束 简 日 很多， 这 里 只 是 将 整个 移动 端 上 店铺 内 容 在 淘宝 六 修 页 面 中 进行 保存 并 友 布 ， 表 通过 手机 扫描 二 维 
码 ， 丈 可 以 将 手机 网 上 店铺 中 的 效果 到 展示 在 手机 中 。 


1. 在 电脑 端 保存 并 友 布 
在 淘宝 网 上 兴修 的 移动 端 店铺 ， 绝 大 多 数 还 是 在 电脑 中 进行 保存 并 友 布 操作 的 。 
2. 在 移动 端 淘 宝 中 可 以 查看 店铺 效果 


在 淘宝 网 上 涂 修 的 移动 端 店铺 ， 可 以 直接 在 手机 淘宝 APP 中 扫描 二 维 码 进 入 当前 的 手机 网 上 店铺 ， 也 可 以 在 手机 淘宝 中 直接 
查找 店铺 的 方式 来 进入 手机 网 上 店铺 进行 浏览 。 


将 生成 的 二 维 码 打印 出 来 ， 或 者 将 其 与 其 他 的 平面 媒体 放 在 一 起 ， 好 的 广告 及 言 销 手 法 可 以 增进 商品 的 市 场 占 有 率 。 


1.3.4 ”维护 更 新 时 期 


定期 对 移动 吴 店铺 做 内 容 维护 及 数据 更 新 ， 是 维持 移动 端 店 铺 竞争 力 和 宣传 自己 的 不 二 法 门 。 我 们 可 定期 或 是 在 特定 节日 
时 ， 改 变 移动 跨 店 铺 的 风格 样式 ， 这 样 可 以 维系 移动 咒语 铺 市 给 浏览 者 的 新 鲜 感 。 而 数据 更 新 惑 是 要 随时 注意 的 部 分 ， 避 免 商 品 
在 市 面 上 已 流通 了 一 段 时 间 ， 但 移动 端 店 铺 上 的 数据 却 还 是 旧 数 据 的 状况 友 生 .。 


另外 ， 移 动 端 店铺 内 容 的 扩充 也 是 更 新 的 重点 之 一 。 移 动 跨 店 铺 创建 切 期 ， 其 内 容 及 种 类 都 会 较为 单一 。 但 是 时 间 一 和信 ， 慢 
慢 束 需 要 增加 内 容 ， 让 整个 移动 端 店 铺 数据 更 加 完备 ， 关 于 这 方面 ， 建 议 大 家 多 去 参考 其 他 同类 型 的 移动 端 店铺 ， 或 是 相关 数据 
书籍 ， 勤 做 笔记 与 多 下 功夫 ， 才 能 真正 让 目 己 的 移动 问 店 铺 源远流长 ， 立 于 不 败 之 地 。 


第 2 草 ”移动 疡 店铺 设计 要 领 


移动 端 店 铺设 计 是 设计 作品 的 一 种 ， 除 了 内 容 主题 的 文字 与 图 像 之 外 ， 同 时 也 要 考虑 到 页 面 布 局 及 配色 的 美观 性 ， 让 每 位 浏 
哆 者 都 能 对 移动 新 店铺 印象 深刻 。 本 章 主要 对 有 关 页 面 的 内 容 布 局 、 配 色 ， 以 及 一 些 注意 事项 作 说 明 ， 同 时 介绍 使 用 于 移动 新 网 
店 设计 的 几 种 图 像 格 式 类 型 ， 以 加 强 对 移动 端 网 店 制 作 的 知识 。 


重点 提示 

大 页 面 内 容 整 体 布局 

大 布局 组 成 图 像 中 的 文案 编辑 
大 图 像 在 设计 中 的 应 用 

大 页 面 图 像 配 色 与 编 修 要 领 


大 店铺 页 面 安全 色 


大 党 用 移动 端 网 店 图 片 格式 


2.1 页面 内 容 整体 布局 


页 面 内 容 布局 是 指 在 整个 页 面 中 ， 各 种 元 素 的 比重 分 配 与 授 放 位 置 。 按 照 不 同 店铺 的 风格 ,不同 的 主题 束 有 不 同 的 编排 方 
式 ， 只 要 是 能 呈现 主题 风格 与 方便 浏览 者 阅读 ， 束 是 一 个 好 的 编排 方式 。 


2.1.1 ”移动 所 页 面 固定 区 域 与 可 编 修 区 域 


在 对 移动 新 网 店 进行 布局 设计 时 ， 大 体 的 布局 可 分 为 固定 区 域 和 可 移动 区 域 ， 固 定 区 域 束 是 网 店 中 的 店 标 和 店 招 ， 虽 然 可 以 
对 内 容 进行 设计 ， 但 是 在 店铺 中 的 布局 授 放 位 置 是 不 能 变 的 ， 可 移动 区 域 指 的 是 店铺 中 进行 宣传 的 焦点 图 或 广告 图 、 吸 引 客 户 的 
销售 排行 、 增 加 客户 购买 欲望 的 店铺 活动 或 优惠 券 等 。 移 动 端 页 面 固定 区 域 与 可 编 修 区 域 的 大 致 规划 如 图 2-1 所 示 。 
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宝田 图 三 
销量 排行 


图 2-1 定 与 可 移动 区 域 


2.1.2 ” 非 固 定 区 域 布局 


目前 的 布局 版 式 主要 有 在 一 屏 内 先 显 示 “ 排 行 榜 ” 表 依次 排 入 其 他 内 容 ; 也 有 先 排 入 “焦点 图 ”的 ， 以 动感 的 画面 吸引 买 
家 ; 还 有 将 制作 的 广告 画面 直接 用 于 一 屏 的 ， 目 的 是 通过 视 哆 快速 吸引 买 家 的 目光 ， 以 此 来 提升 店铺 的 流量 。 不 同 的 版 式 排序 在 
整体 布局 中 都 会 按 主 题 的 不 同 ， 而 各 目 出 现 相 应 的 变化 ， 如 图 2-2 所 示 。 
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图 2-2 ”移动 端 店铺 版 面 布局 


: 目 声 & 晶 一 
温馨 提示 


有 些 移 动 端 网 店 会 使 用 其 他 形式 的 设计 分 类 页 面 ， 例 如 双 图 或 多 图 模块 、 自 定义 模块 等 都 能 作为 首 屏 进行 布局 开头 ， 如 图 2- 


3 所 示 。 
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图 2-3 ”其 他 模块 布局 


2.2 ”布局 组 成 图 像 中 的 文案 编辑 


一 个 合格 的 网 店 美 工 不 但 要 懂得 将 图 像 进行 美化 ， 还 要 掌握 整个 作品 中 文案 的 作用 ， 在 设计 时 可 以 将 文案 当成 一 个 设计 元 素 
参与 到 整体 效果 中 。 


好 的 文案 不 但 能 为 商品 本 身 市 来 详细 的 介绍 ， 还 能 兼顾 整体 广告 创 昌 的 一 部 分 。 从 广告 上 来 说 融 是 将 你 的 产品 卖点 通过 文字 
渗透 入 买 家 的 思维 中 ， 计 他 接受 你 认同 你 从 而 购买 你 。 


而 要 做 好 一 个 网 店 美工 的 文案 ， 你 可 能 不 仅仅 要 懂得 文字 上 的 知识 或 者 搁 15， 你 还 要 了 解 一 些 网 店 中 图 像 的 处 理 知识 。 要 能 
和 美工 更 近 的 沟通 ， 让 美工 将 你 的 文案 想法 成 为 图 片 展示 出 来 才 是 成 功 的 天 键 。 


2.2.1 为 什么 要 做 文案 


移动 端 店 铺 中 涉及 的 文案 通常 都 会 与 商品 本 身 图 片 进 行 相辅相成 。 店 铺 的 推广 不 仅仅 在 于 一 些 网 店 推广 方法 的 运用 ， 文 案 也 
是 其 中 一 条 重要 的 影响 因素 。 华 丽 而 不 失 清 雅 、 目 然而 不 失 人 气 的 店铺 文字 ， 可 以 大 大 提高 宝贝 的 转化 率 。 优 秀 的 文案 策划 ,不 
仅仅 要 做 文字 功 ， 还 要 用 文字 来 引导 销售 ,与 主体 图 像 相 呼 应 。 完 全 融入 整 张 图 片 中 ， 作 为 整体 创意 的 一 部 分 ， 同 时 起 到 吸引 眼 
球 的 作用 ， 如 图 2-4 所 示 。 
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图 2-4 ”文案 


2.2.2 ”文案 合 样 写 


首先 就 是 说 要 清楚 为 什么 要 写 与 图 相对 应 的 文案 ? 必须 符合 产品 的 整体 营销 战略 。 是 单独 使 用 还 是 和 其 他 文案 组 成 一 个 系 
列 ? 在 整个 广告 活动 中 我 写 的 这 和 解 文案 担负 着 什么 样 的 任务 ? 是 前 期 概念 宣传 ? 还 是 和 直接 推动 卖 货 ? 还 是 传达 促销 信息 提高 销 
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fal 


对 目 己 提出 以 上 的 疑问 后 ,已 经 了 解 写 文案 的 目的 束 是 卖 贷 ， 文 案 的 作用 丈 是 与 消费 者 进行 “深度 沟通 ”， 让 每 一 句 话说 到 
消费 者 心 过 里 。 文 案 的 主题 束 是 市 场 膏 销 策略 围绕 消费 者 展开 ， 软 文 要 配合 营销 战略 ， 针 对 消费 者 猎奇 、 治 疗 、 健 康 、 美 容 等 心 
理 展 开 。 每 篇 软文 只 能 有 一 个 主题 ， 我 们 弟弟 用 一 个 系列 、 一 个 阶段 的 软文 围绕 一 个 主题 (在 一 定 阶段 内 ) ， 用 各 篇 软文 组 成 一 
个 系 多 ， 围 绕 一 个 主题 进行 话题 炒作 ， 如 图 2-5 所 示 。 


ol 
图 至 记 《eo new arrivals 
根据 商品 本 入 颖 Rs 根据 商品 林 


吴 特 点 写 出 特点 写 出 
与 之 相对 称 男 曹 女 董 可 爱 卡 通 手 给 新品 季 与 之 相对 称 
的 主题 文案 的 主题 文案 


¥ 298.00 


图 2-5 ”文案 


2.2.3 ”文案 企图 像 中 的 布局 


对 于 网 店 美工 的 文案 布局 大 体 可 以 分 为 对 齐 布局 、 参 照 布 局 、 对 比 布局 及 组 合 布局 4 种 ， 每 种 布局 都 有 目 己 的 特点 ， 下 面 融 
看 看 这 4 种 布局 的 具体 使 用 。 


1. 对 章 布局 
文案 对 齐 布局 在 常规 中 通常 会 以 边 对 齐 和 居中 对 齐 两 种 形态 人 存在， 每 种 对 齐 方式 都 是 与 产品 本 身 图 片 作为 依据 的 。 


边 对 齐 在 淘宝 美工 中 使 用 通常 会 以 文本 的 一 端 作为 对 齐 线 ， 使 文本 与 整体 看 起 来 给 人 以 稳重 、 力 量 、 统 一 、 工 整 的 感觉 ,是 
淘宝 中 最 弟 见 的 一 种 文案 布局 万 式 ， 如 图 2-6 所 示 。 边 对 齐 比 较 适 合 新 手 操 作 ， 只 要 掌控 画面 整体 ， 文 本 部 分 在 主体 边 上 只 要 注 
意 对 齐 即 可 。 
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图 2-6 ” 边 对 齐 


居中 对 齐 在 淘宝 美工 中 使 用 通常 会 以 文本 的 水 平 居中 位 置 作为 对 齐 线 ， 或 者 文本 与 整个 画面 进行 居中 对 齐 ， 使 文本 与 整体 看 
起 来 给 人 以 正 是 、 大 气 、 高 端 、 有 品质 的 感 和 党。 在 淘宝 海报 中 居中 对 齐 通常 要 把 文字 和 直接 打 在 商品 上 面 ， 文 案 部 分 的 遮挡 会 与 主 
体 部 分 形成 一 个 前 后 的 感觉 ， 看 起 来 更 加 具有 层次 感 ， 在 不 庶 挡 主体 上 时， 单纯 的 文字 居中 对 齐 ， 同 样 会 使 整 张 海 报 具有 大 气 上 档 
次 的 感 况 ， 如 图 2- 7 所 示 。 
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图 2-7 居中 对 齐 
2 参照 布局 
参照 布局 通常 是 指 根据 美工 得 到 图 片 的 类 型 ， 将 文本 部 分 与 图 片 特点 进行 合理 位 置 布局 的 方法 ， 根 据 主 图 的 特点 文本 在 图 像 


中 主要 起 到 平衡 整体 的 作用 ， 如 图 2-8 所 示 。 此 布局 方法 不 适合 初学 者 。 


图 2-8 ”参照 布局 


3. 对 比 布 局 


在 一 幅 作 品 中 如 果 不 体 现 对 比 ， 那 么 束 不 能 况 此 作品 中 存在 设计 ， 人 们 是 不 喜欢 欣赏 平 痰 无 奇 的 东西 的 。 


使 用 有 对 比 效果 的 排版 技巧 ， 可 以 瞬间 增加 画面 的 视 沉 效果， 对比 原则 包含 的 内 容 很 多 ， 比 如 虚实 对 比 、 冷 暖 对 比 、 字 体 粗 
细 对 比 等 ， 如 图 2-9 所 示 。 


分 析 : 在 两 张 海 报 的 对 比 中 ， 可 以 友 现 第 二 张 图 片 运用 了 对 比 原则 ， 使 画面 更 加 吸引 人 ， 文 案 的 组 织 结构 也 是 一 目 了 然 ， 更 
便于 浏览 者 阅读 。 
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图 2-9 ”对 比 布局 


注意 


` 找 出 文案 中 重点 的 语句 ， 运 用 大 小 对 比 和 粗细 对 比 ， 加 强 文字 的 强调 和 区 分 。 


“ 字体 部 分 如 果 要 对 比 就 要 选择 对 比较 分 明 的 字体 ， 既 然 要 对 比 就 要 显示 出 大 的 够 大 、 小 的 够 小 、 粗 的 够 粗 、 细 的 够 细 ， 让 


浏览 者 更 加 容易 记 住 。 


` 对 比 不 光 增 加 视觉 效果 ， 而且 还 加 强 了 文案 的 可 读 性 ， 不 要 担心 字 小 而 错过 浏览 者 的 阅读 ， 只 要 强调 的 部 分 吸引 住 了 顾 


客 ， 下 面 的 小 文字 会 下 意识 的 进行 阅读 。 


: 对 比 还 可 以 通过 文本 以 背景 的 高 反差 效果 进行 显示 ， 背 景 如 果 按 不 同 的 闫 色 形 状 进 行 绘制 ， 上 面 的 文字 与 背景 色 作 为 对 比 


参照 物 ， 这 样 更 能 吸引 浏览 者 ， 加 强 整 体 视觉 效果 。 
4. 分 组 布局 
在 图 像 中 如 果 存 在 的 文案 过 多 时 ， 束 不 能 单纯 地 使 用 对 齐 加 对 比 等 布局 效果 了 ， 此 时 只 要 将 文本 进行 一 下 分 


类 ， 将 相同 的 文 
本 信息 文案 授 放 在 一 起 ， 这 样 不 仅 使 整个 画面 看 起 来 有 条 理 ， 而 且 也 非常 美观 ， 更 加 有 利于 浏览 者 阅读 。 每 个 分 类 可 以 作为 一 个 
元 素 进 行 重新 的 布局 ， 如 图 2-10 所 示 。 
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图 2-10 “分 组 布局 
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2.2.4 活动 文案 


网 店 美工 的 活动 文案 与 纯 文 本 的 软文 文案 不 同 ， 需 要 与 素材 图 片 相 结合 配合 当前 活动 的 要 求 ， 设 计 上 还 要 与 整体 相 呼 应 不 能 
有 违 和 感 ， 例 如 店庆 活动 、 节 日 活动 等 等 ， 既 要 简练 又 要 凸 出 主题 ， 对 于 网 店 美工 来 说 是 比较 考验 设计 能 力 的 ， 如 图 2-11 所 示 
的 效果 即 为 融入 整体 的 活动 文案 。 


活动 文案 的 目标 就 是 为 了 珊 动 流量 、 提 升 销量 、 增 加 知名 度 等 。 在 撰写 活动 文案 时 要 体现 以 下 几 个 要 点 。 


1. 活 动 介绍 


活动 介绍 包括 活动 主题 、 活 动 时 间 、 活 动 地 点 、 目 标 人 群 、 活 动 目 标 、 活 动 育 景 介 绍 (如 主办 方 、 协 办 万 ) 等 。 
2 .活动 规则 


活动 规则 包括 活动 具体 的 参与 办 法 、 面 向 人 群 、 具 体 的 奖项 设置 、 评 选 规则 和 办 法 等 。 


村 


图 2-11 ”活动 文案 


3. 活 动 实施 


活动 实施 要 况 明 活动 的 具体 实施 步 又、 具体 的 时 间 及 大 概 折扣 或 奖项 内 容 。 


4. 趣 味 性 要 强 


活动 的 趣味 性 越 强 越 好 ， 只 要 活动 好 玩 有 趣 ， 参 与 的 人 才 会 多 。 活 动 的 氛围 烘托 起 来 之 后 ， 目 然 束 达到 了 活动 文案 的 目的 。 
得 到 实惠 


只 有 在 文案 中 ， 让 买 家 看 到 本 次 活动 中 的 让 利 力度 ， 才 能 真正 调动 起 买 家 的 积极 性 。 销 量 增加 了 ， 卖 家 同样 也 束 会 得 到 属于 
目 己 的 那 部 分 利益 ， 互 利 互惠 才能 更 好 地 将 活动 持续 下 去 。 


2.3 ”图像 企 设计 中 的 应 用 


移动 端 网 店 对 广告 图 像 进行 设计 时 ， 通 弟 会 起 到 在 视 党 中 传达 第 一 视点 的 作用 ， 从 传统 的 整体 图 像 参 与 设计 到 局 部 参与 设 
计 ， 再 到 多 视角 参与 以 及 超出 学 围 进行 设计 制作 ， 无 论 是 哪 种 ， 最 后 的 目的 都 是 为 了 吸引 买 家 的 注意 ， 从 而 增加 店铺 的 沅 量 。 


2.3.1 商品 整体 参与 整体 设计 


整个 商品 全 部 进入 到 设计 中 时 ， 可 以 让 浏览 者 看 到 商品 的 整体 ， 在 视觉 中 不 会 出 现 丢 失 部 分 ， 这 种 设计 方法 单 被 用 到 传统 的 
设计 中 ， 好 处 融 是 可 以 看 到 商品 本 身 的 样 狗 ， 缺 点 是 缺少 的 买 家 对 商品 本 身 的 一 些 遐 想 ， 如 图 2-12 所 示 。 


1 秆 到 nh[ 分 持 受 引言 


ULTIMATE CLASSICS 
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图 2-12 商品 整体 参与 的 设计 


2.3.2 商品 切断 了 式 参与 整体 设计 


馈 切 断 的 商品 在 整体 作品 中 ， 是 完整 图 像 的 对 立 面 ， 视 党 上 的 不 完 整 性 ， 会 使 买 家 看 到 后 在 大 脑 中 上 自动 填补 其 完整 形态 ， 这 
种 设计 不 但 为 店铺 市 来 新 的 视 嘻 感受 ， 还 为 买 家 预 留 了 现象 空间 ， 如 图 2-13 所 示 。 


图 2-13 ”被 切断 商品 参与 的 设计 


技 15 


切断 图 片 时 ， 切记 不 要 把 图 片 中 的 代表 区 域 切 挤 。 保 留 局 部 后 的 图 像 在 固定 图 像 中 可 以 更 大 化 地 显示 商品 的 重要 部 分 ， 这 样 
可 以 更 好 地 吸引 买 家 目光 。 


2.3.3 不 同 视角 参与 整体 设计 


常规 视角 的 图 片 在 设计 中 已 经 司空 见 惯 了 ， 并 且 大 多 数 的 网 店 都 是 以 传统 视角 作为 主 图 设计 的 ， 这 样 的 图 片 看 多 了 就 会 产生 
审美 疲劳 ， 即 在 视觉 上 对 买 家 的 吸引 力 逐 渐 降低 ， 按 照 此 逻辑 ， 我 们 可 以 在 商品 视角 的 运用 上 进行 一 下 大 胆 的 尝试 ， 使 买 家 产生 
新 鲜 感 ， 从 心理 上 感觉 眼前 一 亮 ， 无 形 中 就 会 对 店铺 的 流量 产生 推动 力 ， 如 图 2-14 所 示 。 
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图 2-14 不 同 视角 参与 的 设计 


2.3.4 超出 范围 参与 整体 设计 


超出 范围 措 的 是 冲 出 束缚 的 版 面 ， 也 束 是 素材 本 身 的 某 个 部 分 在 规划 设计 区 以 外 ， 如 图 2-15 所 示 为 模特 的 头 部 探 出 了 设计 
区 的 框架 。 此 种 设计 万 式 打 破 了 原 有 的 物体 封闭 性 ， 给 买 家 一 个 新 的 视 党 冲击 。 


MiLAN 


LL 


MILAN 


有 


336 | 全 


图 2-15 超出 范围 参与 整体 设计 


2.4 ”页 面 图 像 配 色 与 编 修 要 领 


移动 新 网 店 页 面 中 的 页 面 配 色 通 党 是 指 各 图 像 区 域 的 色调 ， 将 整体 色调 进行 统一 ， 使 主题 更 加 鲜明 。 色 彩 搭 配 要 合理 ， 并 与 
产品 相符 合 ， 这 样 给 人 一 种 和 谐 、 恰 快 的 感觉 。 在 搭配 时 一 定 要 避免 容易 使 人 产生 视 完 疲劳 的 纯度 过 高 的 单一 色彩 。 


2.4.1 色调 搭配 


色彩 与 人 的 心理 感觉 和 情绪 有 一 定 的 关系， 利用 这 一 点 可 以 在 设计 时 形成 自己 独特 的 色彩 效果 ， 从 而 给 浏览 者 留 下 深刻 的 印 
象 ， 提 高 产品 的 售 出 概率 。 不 同 的 色 系 在 网 店 中 也 会 拥有 上 自己 的 独特 之 处 ， 在 网 店 色调 分 类 时 主要 按照 色相 分 类 、 按 印象 分 类 和 
按 色 系 分 类 三 种 。 


1. 按 照 色相 分 类 配色 


常见 的 色彩 搭配 是 按照 色相 的 顺序 归 类 。 每 类 都 以 该 色相 为 主 ， 配 以 其 他 色相 或 同色 相 的 ， 应 用 对 比 和 调和 的 方法 ， 并 按照 
从 轻快 到 浓烈 的 顺序 排序 。 


红色 


红色 的 色 感 温暖 ， 性 格 刚 烈 而 外 向 ， 是 一 种 刺激 感 很 强 的 颜色 。 红 色 容 易 引 起 人 的 注 晶 ， 也 容易 使 人 兴 香 、 激 动 、 紧 张 、 冲 


在 网 页 颜色 的 应 用 概率 中 ， 根 据 网 页 主题 内 容 的 需求 ， 单 纯 使 用 红色 为 主 色调 的 网 站 相对 较 少 ， 多 用 于 辅助 色 、 扣 睛 色 ， 以 
达到 陪 讨 、 醒 目的 效果 。 通 常 都 配 以 其 他 颜色 调和 |。 


应 用 红色 系 的 网 店 多 数 以 婚庆 产品 为 主 ， 还 会 出 现在 女装 、 美 容 化 妆 品 或 店庆 页 面 中 ， 主 要 目的 是 醒目 ,提醒 大 家 注意 ， 从 而 吸 
引 | 买 家 目光 来 产生 交易 。 通 过 配色 产生 的 红色 页 面 会 给 人 一 种 喜庆 的 感 党 ， 如 图 2-17 所 示 。 
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图 2-16 ”红色 搭配 
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图 2-17 红色 系 移动 端 网 店 
温馨 提示 
红色 可 以 和 蓝 色 【《 带 红 的 蓝 ) 混合 成 紫色 ， 可 以 和 黄色 混合 成 权 色 ， 红 色 和 绿色 是 对 比 色 ， 红 色 的 补 色 是 青色 。 红 色 是 三 原 
色 之 一 ， 它 能 和 绿色 、 蓝 色调 出 任意 色彩 。 
檬 色 
杜 色 又 称 桶 色 ， 为 二 次 颜料 色 ， 是 红色 与 黄色 的 混合 ， 得 名 于 梅 的 闫 色 。 在 光 庶 上， 橙色 介 于 红色 和 黄色 之 间 。 


榜 色 在 空气 中 的 穿 透 力 仅 次 于 红色 ， 而 色 感 较 红色 更 暖 ， 最 鲜明 的 术 色 应 该 是 色彩 中 感受 最 暖 的 色 ， 给 人 一 种 庄严 、 尊 贵 、 
健 秘 的 感 完 ， 基 本 上 属于 心理 色 性 。 历 史上 许多 权贵 和 未 教 界 都 用 以 滚 点 自己， 现代 社会 中 往往 作为 标志 色 和 宣传 色 ， 不 过 也 是 
容易 造成 视 党 疲 芳 的 颜色 。 检 色 明 度 高 ， 在 工业 安全 用 色 中 ， 柳 色 即 是 营 式 色 ， 如 火车 涉 、 登 山 服 装 、 背 包 、 救 生 衣 等 。 红 、 
述 、 黄 均 为 暖色 ， 是 注目 、 芳 香 和 引起 食欲 的 颜色 。 栖 色 可 作为 餐厅 的 布置 色 ， 据 说 在 艾 厅 里 多 用 榜 色 可 以 增加 食欲 。 常 见 的 楼 
色 配 色 方 案 如 图 2-18 所 示 。 由 于 梅 色 也 是 积极 活跃 的 色彩 ， 除 了 食物 ， 还 会 经 贡 用 在 家 具 用 品 、 时 尚 品牌 、 运 动 及 儿 重 玩具 等 
网 店 中 出 现 ， 如 图 2-19 所 示 。 
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图 2-18 橙色 搭配 
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图 2-19 ”橙色 系 移 动 端 网 店 


温馨 提示 


檬 色 在 HSB 数 值 的 日 中 为 30 ”， 是 正 杰 色 。 杰 色 的 对 比 色 是 蓝 色 ， 当 这 两 种 顾 色 彩 度 倾向 越 明确 ， 对 比 强 度 就 越 大 。 除 了 正 
宗 的 对 比 色 杰 蓝 色 外 ， 杠 色 和 绿色 随 着 纯度 的 升 高 ， 达 到 的 对 比 效果 也 很 强烈 。 


黄色 


黄色 代表 光明 、 希 望 、 高 贵 、 愉 快 ， 浅 黄色 表示 柔 轮 ， 灰 黄色 表示 病态 。 黄 色 的 亮度 最 高 ， 和 其 他 颜色 搭配 很 活 泌 ， 具 有 快 
乐 、 和 希望 、 智 慧 和 轻快 的 个 性 。 黄 色 也 代表 看 土地 ， 象 征 着 权力 ， 并 且 具 有 神秘 的 宗教 色彩 。 单 见 的 黄色 配色 方案 如 图 2-20 所 
示 。 黄 色 与 某 些 食品 色彩 相似 ， 可 以 应 用 于 食品 类 的 店铺 。 黄 色 是 一 种 骄傲 的 色彩 ， 代 表 权 利和 财富 ， 因 此 很 多 店铺 都 会 使 用 黄 
色 来 体现 目 己 商品 的 局 档 与 华贵 ， 如 图 2-21 所 示 。 
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图 2-20 黄色 搭配 
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图 2-21 黄色 系 移动 端 网 上 店 
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黄色 能 和 多 种 颜色 相配 ， 唯 独 不 能 和 和 白色 搭配 。 另 外 ， 深 黄色 最 好 不 要 与 深 某 色 、 深 蓝 色 、 深 红色 相配 ， 会 使 人 感觉 用 涩 与 
; 黄 


>» 


夸 


失望 ; 淡 黄 色 也 不 要 与 明度 相当 的 色彩 搭配 ， 要 拉 开 明度 上 的 层次 关系 。 黄 色 与 红色 搭配 ， 可 以 营造 一 种 吉祥 、 喜 悦 的 气 
色 与 绿色 搭配 ， 会 显得 有 朝气 ， 有 活力 ; 黄色 与 蓝 色 搭 配 ， 会 显得 美丽 、 清 新 ; 淡 黄 色 与 深 黄色 相配 ， 可 以 衬托 出 高 雅 。 


Sh 


绿色 

绿色 在 黄色 和 监 色 (冷暖 ) 之 间 ， 属 于 较 中 户 的 颜色 ， 这 样 使 得 绿色 的 性 格 最 为 平和 、 安 稳 、 大 度 、 宽 容 ， 是 一 种 柔顺 、 恬 
静 、 满 足 、 优 美 、 受 欢迎 之 色 ， 也 是 网 店 页 面 中 使 用 最 为 广泛 的 颜色 之 一 。 

绿色 与 人 类 息息相关 ， 是 永恒 的 ， 欣 欣 向 茶 的 目 然 之 色 ， 代 表 了 生命 与 希望 ， 也 充满 了 青春 活力 。 绿 色 象 征 着 和 平 与 安全 、 
及 展 与 生机 、 舒 适 与 安宁 、 松 弛 与 休息 ， 有 缓解 眼 部 疲 秀 的 作用 。 

绿色 能 使 我 们 的 心情 变 得 格外 明明 ， 黄 绿色 代表 清新 、 平 静 、 安 多、 和 和平、 柔和、 青春 。 弟 见 的 绿色 配色 方案 如 图 2-22 所 


示 。 绿 色 通 单 与 环境 意识 有 关 ， 也 经 单 忆 联想 到 与 健康 有 关 的 事物 ， 所 以 绿色 系 经 贡 会 用 在 目 然 、 健 康 有 天 的 网 店 ， 还 经 贡 用 于 
生态 特产 、 护 肤 品 、 儿 童 商 品 或 保健 健康 食品 网 店 ， 如 图 2-23 所 示 。 
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图 2-22 ”绿色 搭配 
温馨 提示 


在 绿色 中 黄 的 成 分 较 多 时 ， 其 性 格 就 趋 于 活泼 、 友 善 ， 具 有 幼稚 性 ; 在 绿色 中 加 入 少量 的 黑 ， 其 性 格 就 趋 于 庄重 、 老 练 、 成 


熟 ; 在 绿色 中 加 入 少量 的 白 ， 其 性 格 就 趋 于 洁净 、 清 更 、 鲜 嫩 。 


/绿色 生 泛 ) 


pe 

经 典 热 销 

宝贝 名 称 宝贝 名 称 室 贝 和 名称 宝 由 
和 名称 宝 网 各 往 


图 2-23 ”绿色 系 移动 端 网 店 


监 色 是 色彩 中 比较 沉静 的 颜色 ， 象 征 着 永恒 与 深 尿 、 遍 远 与 博大 、 壮 阔 与 举 渺 ， 是 令 人 心境 畅快 的 颜色 。 


监 色 的 朴实 、 称 重 、 内 向 性 格 ， 衬 托 那 些 性 格 活跃 、 具 有 较 强 扩张 力 的 色彩 ， 运 用 对 比 手法 ， 同 时 也 活跃 页 面 。 另 一 方面 又 
有 消极 、 冷 淡 、 保 守 等 意味 。 监 色 与 红 、 黄 等 色 运 用 得 当 ， 能 构成 和 谐 的 对 比 调和 关系 。 


监 色 是 冷色 调 中 最 典型 的 代表 色 ， 是 网 店 页 面 中 运用 得 最 多 的 颜色 ， 也 是 许多 人 钟爱 的 颜色 。 弟 见 的 蓝 色 配色 方案 如 图 2- 
24 所 示 。 蓝 色 会 给 人 很 强烈 的 安稳 感 ， 同 时 还 能 够 表现 出 和 平 、 淡 雅 、 洁 将 、 可 靠 等 ， 多 用 于 科技 产品 、 家 电 产 品 、 化 妆 品 或 
旅游 类 型 的 网 店 中 ， 如 图 2-25 所 示 。 


#FFFFCC 并 LLFFFF 者 FFHLLLL #99CCCC 其 FFFFFHF 者 3399CC #CCFFCC #99CCCC 并 FFFHLL 


#CCCCFF #3FFFFFF #FFCLC99 #FFFFCC #99CCFF #336699  #FFFFFF #99CCCC 


#CCFFFF 


位 FFFHCLC 


六 9OCCCC 共 FFFFFF #CCCCFF #909CCCC 共 FFFFFF #336699 


#99LLFF 3#LCFFFF #bb099LL 并 99LL33 #FFFFFF #3399CC #0099CC 其 FFFFLL #6660699 


#CCCCCC #003366 #0099CC #FFFFFF #6666656  #CCCCCC #6699CC #666666 


#336699 #CCCC99 #003366 #3399CC #003366 大 CCCCCC #6699CC #006699 #000000 


#0033660 fiLLLLLL HUUbbg9 并 999933 #33060699 #333333 


图 2-24 蓝 色 搭配 


CHANDO 
专业 纳米 级 滋 油 
澳 因 醒 肤 


自然 党 才 油 水 肌 汶 


SALE HOT 


春季 生 
保温 护肤 神器 


图 2-25” 蓝 色 系 移动 端 网 店 


在 蓝 色 中 添加 少量 的 红 、 黄 、 权 、 和 白 等 色 ， 均 不 会 对 蓝 色 的 性 格 构成 较 明 显 的 影响 力 ; 如 果 在 蓝 色 中 黄色 的 成 分 ， 其 性 
格 就 会 趋 于 甜美 、 沈 丽 、 芳 香 ; 在 蓝 色 中 混入 少量 的 白色 ， 可 使 蓝 色 的 知觉 趋 于 焦躁 、 无 力 。 


一 一 一 


蓝 色 表达 着 深远 、 永 恒 、 沉 静 、 无 限 、 理 智 、 诚 实 、 寒 冷 的 多 种 感觉 。 蓝 色 会 给 人 很 强烈 的 安稳 感 ， 同 时 蓝 色 还 能 够 表现 出 
和 平 、 淡 雅 、 洁 净 、 可 靠 等 。 多 用 于 科技 产品 、 家 电 产 品 、 化 妆 品 或 者 旅游 类 型 移动 端 网 店 ， 如 图 2-25 所 示 的 图 像 就 是 蓝 
移动 端 网 店 。 


紫色 


紫色 可 以 说 是 最 具 优 雅 气 质 的 颜色 ,紫色 给 人 成 熟 与 神秘 感 ， 是 女性 的 专属 色 之 一 。 从 T 台 秀 场 到 街 扫 ,紫色 都 出 现在 了 人 
们 的 视线 中 ， 这 些 紫 色 有 的 优雅 、 高 贵 ， 有 的 极 具 街 头 范 儿 ， 大 家 的 精彩 搭配 ， 显 示 出 陛 色 的 百 变 魔 力 。 然 而 紫色 并 不 好 各 
驭 ， 如 果 搭配 不 当 ， 则 会 显得 过 于 老 气 。 紫 色 的 明度 在 有 彩色 的 色 料 中 是 最 低 的 ， 其 低 明 度 给 人 一 种 沉 间 、 神 秘 的 感觉 。 常 见 的 
紫色 配色 万 案 如 图 2-26 所 示 。 紫 色 通 常用 于 以 女性 为 对 象 或 以 艺术 品 为 主 的 网 店 ， 另 外 紫色 是 高 贵 华丽 的 色彩 ， 也 很 适合 表现 
珍贵 、 奢 华 的 商品 ， 如 图 2-27 所 示 。 


江 FFFFLCL 并 FFFF99 考 LLLLFF 六 9999(LCLC 关 994L99 差 FFFFFF 者 FFCCCC #FLCCLCFF 者 CCCL99 


b63333 


#FFFFFF 


#9999CC #FFFFCC #FFCCCC 并 FFLLLL 


#FFCCCC #CL99CC 


#CCCCOO 
#996666 #CC99CC 并 FFCCCC 大 FFCC99 


#663366 #CCCCCC #CC99CC #996699 #9999CC #CCCCFF #CC9966 #999999 #663366 


#330033 #666666 #669999  #CCCCCL 


#663366 #999999 #CCCCFF ‘#999966 #993333 #330033 


#FF9966 


#LLLL99 #333333 


并 LC99LL 


并 FF9933 


#CCCCFF 


#FF33CC #CCCC99 #063366 


#999999 


图 2-26 ”紫色 搭配 
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图 2-27 紫色 系 移动 端 网 店 
温馨 提示 
在 紫色 中 红色 的 成 分 较 多 时 ， 其 感觉 就 趋 于 压抑 、 威 胁 ; 在 紫色 中 加 入 少量 的 黑色 ， 其 感觉 就 趋 于 神秘 、 难 以 捉摸 、 高 贵 ; 
在 紫色 中 加 入 和 白色， 可 使 紫色 沉闷 的 性 格 消失 ， 变 得 优雅 、 娇 气 ， 并 充满 女性 的 魅力 。 
2. 按 印象 的 搭配 分 类 配色 


色彩 搭配 看 似 复杂 ， 但 并 不 神秘。 既然 每 种 色彩 在 印象 空间 中 都 有 目 己 的 位 置 ， 那 么 色彩 搭配 得 到 的 印象 可 以 用 加 减法 来 近 
似 估 算 。 如 果 每 种 色彩 都 是 高 亮度 的 ， 那 么 它们 姜 加 ， 目 然 会 是 柔和 、 明 亮 的 ， 如 果 每 种 色彩 都 是 浓烈 的 ， 那 么 它们 蔷 加 ， 丈 会 
是 浓烈 的 。 当 然 ， 在 实际 设计 过 程 中 ， 设 计 师 还 要 考虑 到 乘除 去， 比如 同样 亮度 和 对 比 度 的 色彩 ， 在 色 环 上 的 角度 不 同 ， 搭 配 起 
来 束 会 得 到 干 变 万 化 的 感 响 。 因 此 ， 色 彩 除了 按 色相 的 搭配 外 ， 还 可 以 将 印象 作为 搭配 分 类 的 方法 。 


柔和 、 明 亮 、 温 邓 


高 之 度 的 色彩 搭配 在 一 起 丈 会 得 到 柔和 、 明 亮 、 温 和 的 感觉 。 为 了 避免 刺眼 ， 设 计 师 一 般 会 用 低 亮 度 的 前 景色 调和 ， 同 时 色 
彩 在 色 环 之 间 的 距离 也 有 助 于 避免 沉 间 ， 如 图 2-28 所 示 。 此 色彩 常用 于 与 女性 有 关 的 网 店 。 


共 FFFFLCL  #CLFFFF 共 FFLLLL #FFCCCC 其 FFFF99 #CCCCFF 其 FF9966 ”其 FF6bb6 其 FFLCLCLL 


并 FFLL99 #LCFF99 #CCCCCC 并 FFLCCLCL 天 CCCCFF 共 LCFFCL #LLFFFF #CCCCCC #CCFF9Y 


#FFCCCC 元 FFFFFF 者 99LC99 #99CCCC #FFCC99 #FFCCCC #CCCCFF #FFCCCC #tCCFFFF 


#FFCC99 #FFFFCC #99CCCC 


图 2-28 对 和 、 明 亮 、 > 


Ee 
pa 


柔和 、 洁 净 、 更 朗 
对 于 柔和 、 清 洁 、 素 朗 的 印象 ， 色 环 中 蓝 到 绿 相 邻 的 颜色 应 该 是 最 适合 的 ， 并 且 亮 度 偏 高 ， 可 以 看 到 ， 几 平 每 个 组 合 都 有 日 


色 参 与 。 当 然 ， 在 实际 设计 时 ， 可 以 用 监 绿 相反 色相 的 高 亮度 有 彩色 代 蔡 日 色 ， 如 图 2-29 所 示 。 此 色彩 常用 于 与 厨 卫 有 关 的 网 
店 。 


#CCFF99 #FFFFFF #99CCFF #99CCCC #FFFFFF #CCFF99  #CCFFCC ¥#FFFFFF #66CCCC 


ROCGCFF 六 FFFFFF #99CCCC 3#LLFFLL #99CCCC #FFFFCGC #CCFFFF 并 FFFFFF 基 LLLLFF 


#CCFFFF #FFFFFF #99CCFF #66CCFF #FFFFFF #CCFFFF #6699CC #FFFFFF #99CCFF 


#CCCCFEF #FFFFFF #99QCCFF 
图 2-29 ”有 柔 和、 清洁、 夹 朗 
可 爱 、 快 乐 、 有趣 


可 爱 、 快 乐 、 有 趣 印 象 中 的 色彩 搭配 特点 是 ， 色 相 分 布 均 匀 ， 冷 暖 搭配 ， 饱 和 度 高 ， 色 彩 分 辨 度 高 ， 如 图 2-30 所 示 。 此 色 
彩音 用 于 与 儿 重 有 关 的 网 店 。 


#00CCCC HLCrFF66 #FFI9CC #FFFFFF #FFCC99 考 FF6666 #FFFF66 #99CC66 


#666699 #FFFFFF #FF9999 #99CC33 #FF9900 #FFCCO0 #FFO033 #FFFFFF #FF9966 


#FF9900  #CCFFOO0 #CC3399 #99CC33 #FFFFFF  #FF6600 #993366 #CCCC33 #666633 


#66CCCC #FFFFFF #606699 
图 2-30” 可爱、 快乐 、 有 趣 
活 涛 、 快 乐 、 有趣 


活 泌 、 快 乐 、 有 趣 相 对 于 前 一 种 印象 ， 色 彩 选 择 更 加 广泛 ， 最 重要 的 变化 是 将 纯 日 色 用 低 饱 和 有 彩色 或 灰色 取代 ， 如 图 2- 
31 所 示 。 此 色彩 常用 于 与 儿童 有 关 的 网 店 。 


#CC9999 #FFFF99 #666699  #FF9900 #FFFFO0 #0099CC  #CCCC99 #CC3399 #99CC00 


#FF66b66 共 FFFHO0 #3399CC HLLbb00 #999999 #CLCCC33 #FF9933 #FFFFCC #009933 


#0099CC #CCCCCC #FF6666 #FF6600 才 FFFF66 考 009966 #CCO6633 并 FFLC99 #CC6600 


#CCO066 #009999 从 FFCC33 


图 2-31 活泼、 快乐 、 有 趣 
运动 、 轻 快 


运动 的 色彩 要 强化 激烈 、 刺 激 的 感受 ， 同 时 还 要 体现 健康 、 快 乐 、 阳 光 。 因 此 ， 饱 和 度 较 高 、 亮 度 偏 低 的 色彩 在 这 类 儿 象 中 
经 党 登场 ， 如 图 2-32 所 示 。 此 色彩 常用 于 与 运动 有 关 的 网 店 。 


#FF6666 #FFFFOO #006699 #339933 ”区 FFCC33 #336699 


并 FF9900 并 FFFFCL 并 330099 #CC6600 #CCCCA4 #336699 #99CC33 #FFFFFF #0099CC 


| : | -加 | 
| 


#99CC33 #FFO6660 #3360699 #33b6699  #FFFFFF #99CCCC 并 FFU033 者 333399 #CCCCO0 


#33CC99 并 FFFFHUU 并 33D6099 


图 2-32 ”运动 型 、 轻 快 
轻快 、 华 丽 、 动 感 


华丽 的 印象 要 求 页 面 充 斥 有 彩色 ， 同 时 饱和 度 偏 高 ， 亮 度 适 当 减 弱 则 能 强化 这 种 印象 ， 如 图 2-33 所 示 。 此 色彩 党 用 于 与 刻 


外 运动 有 关 的 网 店 。 


#990066  #FFCC00 荐 CC0033 #FFCC33 ” 攻 333399 。 #FF0033 #666699 基 FFFFO00 共 FF0033 


#FFO033 #006699 #FFFF33  #FFCC00 #009999 #CC3366  #FF0033 #CCCC00 #006699 


#CCCC00 #FF9933 #663399  #FF9933 #FFFFO0 #336699  #CC3333 #FFCCCC #99CC00 
#003399 #FFFFO0  #FF6600 

图 2-33 ” 轻快、 华丽 、 动 感 
狂 野 、 充 沛 、 动 感 


狂 野 的 印象 空间 中 少不了 低 亮 度 的 色彩 ， 甚 至 可 以 用 适当 的 黑色 搭配 ， 其 他 有 彩色 的 饱和 度 高 ， 对 比 强烈 ， 如 图 2-34 所 
示 。 此 色彩 党 用 于 与 尸 外 运动 有 关 的 网 店 。 


#990066 夫 FFFF00 #003399 #CCO033 #000000 #003399 #003399 才 FFFFOO 考 F00000 


#3333 #CCCCCC #003360 #LLUU33 #333333 #CCCCOO0 #000000 #99CC00 #CC0033 


共 FF0033 #333333 #FF9900 #990066 #000000 #009966 #0666666 并 FF6600 #333333 


#993333 #CCCC00 #663366 
图 2-34 ” 狂 野 、 充 沛 、 动 感 
华丽 、 花 哨 、 女 性 化 


女性 化 的 页 面 中 紫色 和 品 红 是 主角 ， 粉 红 和 绿色 也 是 常用 色相 ， 一 般 它 们 之 间 要 进行 高 饱和 的 搭配 ， 如 图 2-35 所 示 。 此 色 
彩 常 用 于 与 女性 有 关 的 网 店 。 


#FFFF99 #993399 #FF99CC = #FF6666 #FFFFFF #339999  #FF99CC #003399 #CCFF00 


#66CC99 兴 FFFFFF CC6699 #LL3399 并 FFLL99 #FF6666 #FFCCCC ” 共 FFFFFF ” 考 993366 


#LLbb99 #FFFFOO #60660699 #CC6699 #99CC66 #663366 #FF33CC #LLCL99 #663366 


#CC3399 #FFCC99 #FF6666 


图 2-35 {4 


cs 
如 | 


丽 、 花 哨 、 女 性 化 


二 


回味 、 女 性 化 、 优 雅 


优雅 的 感 嘻 很 奇特 ， 色 彩 的 饱和 度 一 定 要 降下 来 ,一 般 以 蓝 、 红 之 间 的 相 邻 ， 调 忆 亮 度 和 人 饱和 度 进 行 搭 配 ， 如 图 2-36 所 
示 。 此 色彩 单 用 于 与 女性 有 天 的 网 店 。 


#LLLLLL HLL99LL TLL3399 #FFCCCC 并 FF99LL #CCCCFF #CCI399 天 9933LL HLL99LL 


#9999CC #FFFFCC #FFCCCC #663366 X#CCCCCC #CC99CC #FF9999 其 FFCCCC 位 FF99CC 


#996666 #CC99CC #FFCCCC #CC9999 #CCCCCC #FFCCCC #FF9999 #996699 #FFCCCC 


#996699 #FFCCCC #CC99CC 


图 2-36 ”回味 、 女 性 化 、 优 雅 


高 沿 、 上 自然 、 安 稳 


高 尚 一 般 要 用 低 亮度 的 黄 绿色 ， 注 意 色彩 的 平衡 ， 页 面 就 会 显得 安稳 ， 如 图 2-37 所 示 。 此 色彩 常用 于 与 老人 有 关 的 网 店 。 


#CCCC33 #FFFF99 #CC9933 #CC9966 #CCCC66 #669999 并 FF9960 六 99b600 #LLCC00 


#LLLL86 #660033 #CC6600 #LLLLU0 #666600 #CCCCFF #LL9933 #009999  #FFLC33 


#999966 #CCCC99 #339999 #99CCL99 #669933 #336633 #6066633 者 999933 #CC9966 


#CC9900 #CCCC99 


图 2-37 高 尚 、 自 然 、 安 稳 


冷静 、 目 然 


绿色 是 冷静 、 目 然 印象 的 主角 ， 但 是 绿色 作为 页 面 的 主要 色彩 ， 容 易 陷入 过 于 消极 的 感 党 传达 ， 因 此 应 该 特别 重视 图 案 的 设 


计 ， 如 图 2-38 所 示 。 此 色彩 常用 于 与 共有 关 的 网 店 。 


#FFFF99 #99CC99 3#66bob00 


#666600 H#CCCC66 #CCFFCC 


#U03300 #069933 #CCCLC9Y 


#006633 #333300 #CCCLC99 


传统 、 高 雅 、 优 雅 


传统 的 内 容 一 般 要 降低 色彩 的 饱和 度 ， 


于 与 家 纺 居家 有 天 的 网 店 。 


#9999933 并 FFFFLL #LL99LL 


#LCCLC99 #666666 #CC9999 
#339900 #CCCCCC #9900699 


#LCCLL99 #999999 #663300 


传统 、 和 稳重、 古典 都 是 保守 的 印象 ,色彩 的 选择 上 应 尽量 使 用 低 亮 度 的 暖色 ， 


此 色彩 常用 于 与 家 具 建 材 有 关 的 网 店 。 


#669933 #CCCC33 #663300 


#006633 共 b63300 


#CCCC66 


图 2-38 ”冷静 、 目 然 


特别 是 标 色 比较 适合 ， 是 高 雅 和 优雅 印象 的 常用 色相 ， 如 图 2-39 所 示 。 


#CCI9966 #666666 #CC9999 


#996699 #CCCC99 


#669099 


#663366 #999999 #CCCCFF 


图 2-39” 传统、 高雅 、 优 雅 


#996633 #FFFF99 #99CC66 


#006600 #66CC66 


#CCFF99 


| 
#666633 #999933 #CC9966 


#bb6b600 #FFFFCC #999999 


此 色彩 常用 


#CCCC99 #333333 #9966CC 


#CCI966 #999999 #666666 


#996699 #9999CC 


#CCCCPFF 


这 种 搭配 符合 成 熟 的 审美 ， 如 图 2-40 所 示 。 


#6699CC #663366 #CCCC99 #990033 #CCFF66 ##FF9900 #666699 #660033 #99CC99 


#bb3300 并 FF9933 #FFFF66 #990033 #006633 HLLLLUU #60033 #999933 #60660099 


#993366 #CCCC33 #0606633 #996600 #LLLLOb #666600 #009933 #CC9900 #666666 


并 bbb633 #LLLL33 #CC3366 


图 2-40 传统、 稳重 、 十 典 
忠厚 、 稳 重 、 有 品位 


亮度 、 饱 和 度 偏 低 的 色彩 会 给 人 忠厚 、 稳 重 的 感 瑰 ， 这 样 的 搭配 为 了 避免 色彩 过 于 保守， 使 页 面 翁 人 化、 消极， 应 当 注 重 冷 暖 
结合 和 明暗 对 比 ， 如 图 2-41 所 示 。 此 色彩 弟 用 于 与 珠宝 或 仿古 产品 有 关 的 网 店 。 


#FFFFCC #CC9933 #336666 #336666 #996633 #CCCC33 #336633 #990033 #FFCC99 


#3333066 #669999 #996600 #903333 #CC9966 #003300 #336033 #CCCC99 #333366 


#663300 #999933 #333333 #003366 #6066606 #333366 #999900 #990033 #CC99CC 


并 333366 并 990033 HLLLCLL 


图 2-41 忠厚、 稳重 、 有 品位 


简单 、 洁 净 、 进 步 


简单、 洁净 的 色彩 在 色相 上 可 以 用 蓝 、 绿 表现 ， 并 大 面积 留 日 ， 而 进步 的 印象 可 以 多 用 蓝 色 搭配 低 饱和 甚至 灰色 ， 如 图 2- 
42 所 示 。 此 色彩 弟 用 于 与 男性 有 关 的 网 店 。 


#CCCCCC 者 FFFFFF 者 666699 #CCFF66 共 FFFFFF 考 003366 #99CCFF #FFFFFF #336699 


#LLLL33 其 FFFFFF #336699 #0099FF 佐 FFFFCC #666699 #99CC33 3LLLCLL #00000( 


#CCCCCC #003366 #99CCFF #0099CC #CCFF66 #666666 #3399CC #003366 #CCCCCC 


#ABCDEF #ABCDEF #ABCDEF 


简单 、 时 尚 、 高 雅 


灰色 是 最 为 平 衡 的 色彩 ， 并 且 是 塑料 金属 质感 的 主要 色彩 之 一 ， 因 而 要 表达 高 锥 、 时 尚 ， 可 以 适当 使 用 ,甚至 大 面积 使 用 ， 
但 是 要 注重 图 案 和 质感 的 构造 ， 如 图 2-43 所 示 。 此 色彩 常用 于 与 男性 有 关 的 网 店 。 


#99CCFF #FFFF66 #666666 #336666 #FFFFFF #999999 #0099CC #FFFFFF #666666 


#999999 #CCCCCC #3366606 #CCCCCC #999999 #0603366 #666666 #LCCCCCLC #6699CC 


#999999 #FFFFFF #333366 #069999 #CCCCCC #6066666 #999999 #CCCCCC #333333 


#ABCDEF #ABCDEF #ABCDEF 


图 2-43 简单、 时尚 、 高 雅 
简单 、 进 步 、 时 沿 


人 简单、 进步 、 时 尚 的 色彩 多 数 以 灰色 、 赣 色 和 绿色 作为 主导 色 ， 在 网 店 中 多 显示 时 尚 、 大 方 的 个 性 ， 如 图 2-44 所 示 。 此 色 
彩 常 用 于 与 男性 有 关 的 网 店 。 


让 


#333306 #99CC33 #336699 #09099999 #003366 #669999 #003399 #CCFF99 #333333 


#999933 #336699 #333333 #99CC33 #003366 #999999 #33060699 #333333 


#336bCC #CCCLOO #333300 #b0699CC #006699 #000000 #003366 #CCCCCC #006699 


#000000 #999999 #003366 


图 2-44 ” 简单、 进步 、 时 尚 


3. 按 色 系 分 类 配色 


按 色 系 对 色彩 进行 分 类 ， 色 系 即 色彩 的 冷暖 分 别 。 色 彩 学 上 根据 心理 感受 ， 把 颜色 分 为 暖色 调 ( 红 、 柳 、 黄 ) 、 冷 色调 
( 青 、 蓝 ) 和 中 性 色调 ( 紫 、 绿 、 黑 、 灰 、 日 ) ， 如 图 2-45 所 示 。 


图 2-45 ”冷暖 色 系 


冷色 系 


监 色 、 绿 色 和 紫色 都 属于 冷色 系 ， 给 人 的 专业 、 稳 重 、 清 闵 的 感 狗 ， 如 图 2-46 所 示 为 冷色 系 的 淘宝 网 上 店铺 。 
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图 2-46 ”冷色 系 的 移动 端 网 店 


暖色 系 


由 太阳 颜色 衍生 出 来 的 颜色 ， 红 色 和 黄色 ， 给 人 以 温暖 柔和 的 感 部 。 春 天 和 秋天 比较 适合 穿 暖色 系 的 衣服 ， 化 暖色 系 的 妆 ， 
如 图 2-47 所 示 为 暖色 系 的 淘宝 网 上 店铺 。 


和 * 专 训 好 货 9.9 元 起 * 


图 2-47 ”暖色 系 的 移动 端 网 店 


中 性 色 系 


中 性 色 系 融 是 黑 、 昌 、 灰 三 种 颜色 ， 适 合 与 任何 色 系 搭配 ， 如 图 2-48 所 示 为 中 性 色 系 的 淘宝 网 上 店铺 。 
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图 2-48 ”中 性 色 系 的 移动 端 网 店 
如 果 文 字 与 主 色调 搭配 合理 ， 会 直接 提升 整体 页 面 的 视 锅 效果 。 表 2-1 所 示 为 网 店主 色 与 文字 色彩 搭配 的 参考 。 


表 2-1 文字 与 主 色调 的 搭配 


颜色 图 标 颜色 十 六 进 制 值 文字 颜色 搭配 


WHEREA 到 f i? 人 正 义 的 全 景 E ， 比 较 淡雅 。 配 以 同色 系 的 蓝 色 、 深 灰 
色 或 黑色 文学 虱 可 以 
# E8FFE8 适合 做 标题 的 背景 色 ， 挫 配 同色 系 的 次 绿色 标题 或 黑色 文字 


# ES8E8FF 适合 做 正文 的 背景 色 ， 文 字 颜 色 配 黑色 比较 和 谐 、 酝 目 


( 续 表 ) 


# 8080C0 配 黄 色 或 白色 文字 较 好 


# E8D098 配 浅 蓝 色 或 蓝 色 文 字 较 好 


# EFEFDA 配 浅 蓝 色 或 红色 文字 较 好 


#F2F1D7 配 黑色 文字 素雅 ， 如 果 是 红色 则 更 醒目 
# 336699 配 日 色 文字 较 好 
#6699CC 配 日 色 文字 较 好 ， 可 以 做 标题 
# 66CCCC 配 日 色 文 字 较 好 ， 可 以 做 标题 
# B45B3E 配 日 色 文 字 较 好 ， 可 以 做 标题 
#479AC7 配 日 色 文 字 较 好 ， 可 以 做 标题 


# 00B271 配 日 色 文字 较 好 ， 可 以 做 标题 


# FBFBEA 配 黑色 文字 较 好 ， 一 般 作为 正文 


# D5F3F4 配 黑色 文字 较 好 ， 一 般 作为 正文 


# D7FFFO 配 黑色 文字 较 好 ， 一 般 作为 正文 


# FODAD?2 配 黑色 文字 较 好 ， 一 般 作为 正文 


# DDF3FF 配 黑色 文字 较 好 ， 一 般 作为 正文 


i 


温馨 提示 


通过 上 面 的 颜色 配 比 表 ， 可 以 大 大 减少 网 页 配色 的 时 间 。 当 然 ， 还 可 以 在 当前 的 基础 上 发 挥 想象 力 ， 搭 配 出 更 有 新 意 、 更 醒 
目的 颜色 ， 使 自己 的 店面 更 具有 竞争 力 。 


2.4.2 ”色彩 调和 
两 种 或 两 种 以 上 的 色彩 合理 搭配 ， 产 生 统一 和 谐 的 效果 ， 称 为 色彩 调和 |。 


1. 同 种 色 的 调和 


相同 色相 、 不 同 明度 和 纯度 的 色彩 调和 。 方 法 为 : 使 之 产生 循序 的 涤 进 ， 在 明度 、 纯 度 的 变化 上 ， 形 成 强 弱 、 高 低 的 对 比 ,， 
以 弥补 同色 调和 的 单调 感 。 


2. 类 似 色 的 调和 


以 色相 接近 的 某 类 色彩 ， 如 红 与 楷 、 蓝 与 紧 等 的 调和 ， 称 为 类 似 色 的 调和 。 类 似 色 的 调和 主要 靠 类 似 色 之 间 的 共同 色 来 产生 
作用 。 


3. 对 比 色 的 调和 


以 色相 相对 或 色 性 相对 的 某 类 色彩 ， 如 红 与 绿 、 黄 与 紫 、 赣 与 橙 的 调和 ， 称 为 对 比 色 的 调 合 。 方 法 有 : 选用 一 种 对 比 色 将 其 
纯度 提高 或 降低 另 一 种 对 比 色 的 纯度 ; 在 对 比 色 之 间 插 入 分 割 色 ( 金 、 银 、 黑 、 日 、 灰 等 ) ;及 用 双方 面积 大 小 不 同 的 处 理 方 
法 ， 以 达到 对 比 中 的 和 谐 ， 对 比 色 之 间 具 有 类 似 色 的 关系 ， 也 可 起 到 调和 的 作用 。 


2.4.3 ”强调 色彩 


强调 色彩 又 名 突出 色彩 ， 是 网 店 页 面 设 计时 有 特殊 作用 的 色彩 ， 是 为 了 达到 某 种 视 帝 效果 时 与 静态 色彩 对 比 反 差 较 大 的 突出 
色彩 ， 或 者 是 在 店 招 中 市 有 广告 推荐 意义 的 特殊 色彩 ,或 者 是 在 某 段 文字 中 为 了 突出 重点 而 通过 不 同色 彩 加 注 文 字 等 。 如 图 2- 
49 所 示 的 图 像 为 作为 强调 色彩 的 文字 、 标 答 和 商品 、 人 物 肤 色 与 静态 色彩 的 育 景 产 生 了 强烈 的 对 比 。 


内 mpers 
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图 2-49 ”强调 色彩 


2.4.4 色彩 基本 原理 


了 解 如 何 创建 颜色 及 如 何 将 颜色 相互 关联 可 让 您 在 Photoshop 中 更 加 有 效 地 工作 。 只 有 对 基本 颜色 理论 进行 了 了 解 ， 才 能 
将 作品 生成 一 致 的 结果 ， 而 不 是 偶然 获得 某 种 效果 。 在 对 颜色 进行 创建 的 过 程 中 ， 大 家 可 以 依据 加 色 原 色 (RGB) 、 减 色 原 色 
(CMYK) 和 色 轮 来 完成 最 终 效 果 。 


加 色 原 色 是 指 三 种 色光 〈 红 色 、 绿 色 和 蓝 色 ) ， 当 按照 不 同 的 组 合 将 这 三 种 色光 添加 在 一 起 时 ， 可 以 生成 可 见 色 谱 中 的 所 有 
颜色 。 添 加 等 量 的 红色 、 蓝 色 和 绿色 光 可 以 生成 日 色 。 完 全 缺少 红色 、 赣 色 和 绿色 光 将 导致 生成 黑色 。 计 算 机 的 显示 器 是 使 用 加 
色 原 色 来 创建 颜色 的 设备 ， 如 图 2-50 所 示 。 


图 2-50 加 色 原 色 (RGB 颜色 ) 


减 色 原 色 是 指 一 些 颜 料 ， 当 按照 不 同 的 组 合 将 这 些 颜料 添加 在 一 起 时 ， 可 以 创建 一 个 色谱 。 与 显示 器 不 同 ， 打 印 机 使 用 减 色 
原色 (青色 、 详 红色 、 黄 色 和 黑色 颜料 ) 并 通过 减 色 混 合 来 生成 颜色 。 使 用 “ 减 色 ” 这 个 术语 是 因为 这 些 原 色 都 是 纯色 ， 将 它们 
混合 在 一 起 后 生成 的 颜色 都 是 原色 的 不 纯 版 本 。 例 如 ， 橙 色 是 通过 将 洋红 色 和 黄色 进行 减 色 混合 创建 的 ， 如 图 2-51 所 示 。 


图 2-51 减 色 原 色 (CMYK 颜 色 ) 


如 果 是 第 一 次 调整 颜色 分 量 ， 在 处 理 色 彩 平 衡 时 ， 可 以 使 用 色 轮 来 预测 一 个 颜色 分 量 中 的 更 改 如 何 影响 其 他 颜色 ， 并 了 解 这 
些 更 改 如 何在 RGB 和 CMYK 颜 色 模型 之 间 转 换 。 


例如 ， 通 过 增加 色 轮 中 相反 颜色 的 数量 ， 可 以 减少 图 像 中 某 一 颜色 的 数量 ， 反 之 亦 然 。 在 标准 色 轮 上 ， 处 于 相对 位 置 的 颜色 
馈 称 为 补 色 。 同 样 ， 通 过 调整 色 轮 中 两 个 相 邻 的 闸 色 ， 甚 至 将 两 个 相 邻 的 色彩 调整 为 其 相反 的 颜色 ， 可 以 增加 或 减少 一 种 颜色 ，。 


在 CMYK 图 像 中 ， 可 以 通过 减少 洋红 色 数 量 或 增加 其 互补 色 的 数量 来 减 淡 洋 红色 ， 洋 红色 的 互补 色 为 绿色 (在 色 轮 上 位 于 洋 
红色 的 相对 位 置 ) 。 在 RGB 图 像 中 ， 可 以 通过 删除 红色 和 蓝 色 或 通过 添加 绿色 来 减少 洋红 。 所 有 这 些 调整 都 会 得 到 一 个 包含 较 少 
洋红 的 整体 色彩 平衡 ， 如 图 2-52 所 示 。 


图 2-52 ”标准 色 轮 


2.4.5 ”颜色 基本 设置 


1.“ 颜 色 ” 面 板 


“颜色 ”面板 可 以 显示 当前 前 景色 和 表 景 色 的 颜色 值 。 使 用 “颜色 ”面板 中 的 滑 块 ， 可 以 利用 几 种 不 同 的 颜色 模型 来 编辑 前 
景色 和 背景 色 ， 也 可 以 从 显示 在 面板 底部 的 四 色 曲 线 图 的 色谱 中 选取 前 景色 或 背景 色 。 在 执行 “窗口 /颜色 ”命令 ， 即 可 打 
开 “ 颜 色 ” 面 板 ， 如 图 2-53 所 示 。 


上 = 


和 


加 


四 色 曲 线 图 


图 2-53 “颜色 面板 


单 击 “前 景色 ”图 标 ， 可 以 通过 拖 动 滑 块 设置 前 景色 ， 也 可 以 在“ 四 色 曲 绪 图 ”中 设置 前 景色 ， 如 图 2-54 所 示 。 


@ 设置 的 前 景色 | 


背景 色 的 设置 方法 与 前 景色 相同 ， 单 击 “ 弹 出 菜单 ”按钮 ， 会 弹出 对 应 的 菜单 ， 在 此 处 可 以 选择 其 他 颜色 模式 ， 不 同 颜 色 模 
式 的 “颜色 ”面板 也 是 不 同 的 ， 选 择 过 程 如 图 2-55 所 示 。 


亦 度 少 块 
vw RGB 滑 块 
HSB 滑 块 
CNYK 测 块 
Lab 滑 块 
eb 颜色 滑 块 
将 颜色 拷贝 为 JI 


RGB 色谱 
wv CMYK 色谱 
灰 度 色 诺 


当前 颜色 
建立 Web 安全 曲线 


图 2-55 ”更改 颜色 模式 面板 
温馨 提示 


当选 取 不 能 使 用 CMYK 油 墨 打 印 的 颜色 时 ， 四 色 曲 线 图 左 侧 上 方 将 出 现 一 个 内 含 惊叹 号 的 三 角形 二 s . 当选 取 的 颜色 不 是 
\Web 安 全 色 时 ， 四 色 曲 线 图 左 侧 上 方 将 出 现 一 个 立方 体 乱 ， 


2.“ 色 板 ” 面 板 


“ 色 板 ”面板 可 存储 经 常 使 用 的 颜色 。 可 以 在 面板 中 添加 或 删除 颜色 ， 或 者 为 不 同 的 项 目 显示 不 同 的 颜色 库 。 执 行 “ 窗 口 / 
色 板 ” 命 令 ， 即 可 打开 “ 色 板 ”面板 ， 如 图 2-56 所 示 。 
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图 2-56 “ 色 板 面板 


在 面板 中 单 击 “创建 前 景色 的 新 色 板 ” 按 钮 ， 可 以 将 前 景色 添加 a 到 色 板 中 ， 如 图 2-57 所 示 ; 抑 动 色 板 中 的 颜色 到 “ 删 
除 ” 按 钮 上 会 将 其 删除 ， 如 图 2-58 所 示 。 


图 2-57 添加 色 板 
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图 2-58 删除 色 板 


2.4.6 色彩 采集 


在 为 网 店 搭配 颜色 时 ， 有 尝 制作 人 员 没 有 色彩 知识 ， 人 在 不 懂得 色彩 组 合 原理 的 情况 下 ， 制 作 人 员 如 何 能 够 为 目 己 的 网 店 搭配 
与 产品 相 呼应 的 页 面色 彩 呢 ? 在 Photoshop 中 采集 色彩 的 方法 一 般 是 通过 “吸管 工具 ”We 在 产品 的 某 个 颜色 上 单 击 ， 此 时 就 会 
将 当前 的 选取 颜色 作为 “工具 箱 ” 中 的 前 景色 ， 如 图 2-59 所 示 。 
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图 2-59 ”吸取 颜色 


在 “ 拾 色 器 ”对 语 框 中 可 以 看 到 当前 采集 的 颜色 信息 ， 如 图 2-60 所 示 。 
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图 2-60” 拾 色 器 


如 果 在 数值 区 更 改 数 子 ， 此 时 会 明显 看 到 之 前 的 头 色 与 更 改 后 的 颜色 ， 如 图 2-61 所 示 。 


勾 选 “只 有 Web 颜 色 ” 复 选 框 后 ， 在 “ 拾 色 器 ”对 话 框 中 只 会 显示 应 用 于 网 页 的 颜色 ， 如 图 2-62 所 示 。 玉 集 
可 以 将 其 作为 与 产品 相对 应 的 主 色 、 辅 助 色 或 点 缀 色 。 
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图 2-61 改变 数值 时 的 颜色 对 比 
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图 2-62 ”应 用 于 web 的 颜色 


2.4.7 ”调整 颜色 建议 


在 为 商品 网 扣 时 ， 很 多 时 候 会 涉及 人 物 、 场 景 等 ， 通 常会 对 提 报 的 照片 进行 相应 地 调整 ， 此 时 束 要 了 解 一 些 照片 色彩 调整 的 
相 天 知识 ， 具 体 可 参考 表 2-2。 


表 2-2 ”拍摄 时 需 注意 的 色彩 知识 


发 丝 尽 可 能 清晰 ， 牙 齿 应 当 洁白 ， 纯 白 会 使 图 像 失真 ， 发 黄 或 发 灰 看 起 来 也 会 觉得 不 舒服 
黑色 或 白色 不 要 过 于 鲜亮 ， 否 则 会 失真 。 黄 色 的 百分比 太 高 会 使 白色 显得 灰暗 ， 青 色 值 太 低 
会 使 红色 发 生 振荡 ， 黄 色 值 太 低 会 使 蓝 色 发 生 振 萝 

检查 图 像 中 的 灰色 物体 ， 确 保 灰色 没有 偏 色 。 洋 红 和 青色 的 关系 决定 天 空 的 明暗 ， 洋 红 增 多 


及 
™ 


2. 
雪 不 应 为 纯 白 色 ， 和 否则 会 丢失 细节 。 应 集中 精力 在 高 光 区 域 添加 细节 
黑色 区 域 不 应 为 纯 黑色 ， 否 则 会 丢失 细节 。 应 集中 精力 在 阴影 区 域 添 加 细节 


时 ， 天 空 会 由 亮 蓝 变 为 黑 蓝 


2.4.8 ”识别 色 域 沁 围 外 的 着 色 


大 多 数 扫 搬 的 照片 在 CMYK 色 域 中 都 包含 RGB 颜 色 ， 将 图 像 转 换 为 CMYK 模 式 会 轻微 地 改变 这 些 颜色 。 数 字 化 创建 的 图 像 经 
党 包含 CMYK 颜 色色 域 以 外 的 RGB 颜 色 。 


加 只 有 Web 前 色 De?4c? 


图 2-63 ”加 色 原 色 (RGB 颜色 ) 


如 何 查看 当前 图 片 是 否 存在 色 域 范围 的 颜色 ， 我 们 可 以 通过 Photoshop 来 完成 ， 色 域外 的 颜色 指 的 是 打印 时 超出 的 颜色 范 
围 ， 识 别 方法 如 下 : 


01 启动 photoshop 软 件 ， 打 开 一 张 户外 帐篷 图 片 ， 如 图 2-64 所 示 。 


02 执行 菜单 栏 中 的 “视图 / 色 域 警告 ” 售 令 ，Photoshop 将 创建 一 个 颜色 转换 表 并 用 中 性 灰色 显示 在 色 城 以 外 的 颜色 ， 如 
图 2-65 所 示 。 


图 2-64 ”打开 素材 


图 2-65 色 域 警告 


为 了 将 颜色 放 到 CMYK 色 域 中 ， 只 要 执行 菜单 栏 中 的 “图 像 / 蛋 式 /CMYK 模 了 式 ” 售 令 ， 此 时 色 工 警告 的 凑 色 会 消失 ， 效 
果 如 图 2-66 所 示 。 


国产 站 非 莹 jF3 侣 56735ICUIYR 和 ]* 


您 即将 转换 为 蔚 用 
有 Japan Color 2001 Coated 醒 首 次 件 的 CMYKs 这 可 能 十 是 您 所 期 户 


的 
要 选择 其 它 印 置 训 件 : 请 局 用 沂 辑 > 特 换 为 印 凋 如 件 。 


图 2-66 ”转换 为 CMYK 模 式 


2.4.9 ”图 像 编 修 流程 


在 为 网 店 上 传 宝贝 时 ， 通 党 会友 现 网 担 的 商品 颜色 不 是 很 多 ， 或 者 是 由 于 模特 时 间 和 匆忙 或 扣 报 者 掌握 不 好 提 摄 角度 而 没有 将 
所 有 同和 衣服 不 同 颜色 都 进行 拍照 ， 或 者 担 摄 时 由 于 天 气 或 对 相机 的 不 玖 悉 而 产生 的 曝 ; 光 不 足 ， 或 者 是 想 对 已 担 摄 的 产品 进行 突 
出 处 理 。 遇 到 这 些 问 题 ， 我 们 融 需 要 俐 助 一 毕 软 件 来 进行 完全 的 风格 调整 。 


对 于 扫描 到 电脑 中 的 每 张 图 片 都 存在 或 多 或 少 的 问题 ， 但 在 处 理 时 无 外 乎 进行 曝光 调整 、 色 彩 调整 两 个 主要 步 又， 具体 可 以 
参考 表 2-3 所 示 。 


表 2-3 网 店 商品 图 像 编 修 流 程 表 


查看 相片 的 明暗 分 | ”， ，，，， ， | 转正 横 躺 的 直 幅 相片 | ww。 

布 状况 与 看 斜 相片 脏 污 写 | 增强 图 像 锐 化 
天 唉 区 休 训 度 与 对 | 修复 局 部 区 域 的 | 局 下 变 开国 像 天 以 ， | 度 提升 照片 的 
比 度 二 化 介 的 色 形 | 坊 前 图 像 修正 构图 。 | 到 从 清晰 效果 
修正 局 部 区 域 的 亮 更 改 图 像 色 调 “ 调整 图 像 大 小 mse ”| 改善 模糊 相片 
度 与 对 比 度 更 改 图 像 色调 | 更 改 画布 大 小 


调整 方法 


2.5 ”店铺 页 面 安 全 色 


网 页 安全 色 是 当红 色 、 绿 色 、 蓝 色 颜 色 数 字 信号 值 为 0(、51、102、153、204、255 时 构成 的 颜色 组 合 ， 它 一 共有 
6x6x6=216 种 颜色 (其 中 彩色 为 210 种 ， 非 彩色 为 6 种 ) ， 如 图 2-67 所 示 。 


图 2-67 ”颜色 表 


216 网 页 安全 色 是 指 在 不 同 硬件 环境 、 不 同 操作 系统 、 不 同 浏览 器 中 都 能 够 正常 显示 的 颜色 集合 ( 调 色 板 ) ， 也 融 是 说 这 些 
颜色 在 任何 终 阐 浏览 用 尸 显 示 设 备 上 的 显示 效果 都 是 相同 的 。 所 以 使 用 216 网 页 安全 色 进 行 网 页 配色 可 以 避免 原 有 的 颜色 失真 问 


日 
融 。 


详细 的 网 页 安全 色 如 图 2-68 所 示 。 
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1.JJPEG 格 式 


JPEG 图 像 在 打开 时 自动 解压 缩 。 压 缩 级 别 越 高 ， 
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图 2-68 颜色 表 


到 的 图 像 品质 趣 低 ; 压缩 级 别 越 低 ， 得 到 的 图 像 


况 下 ，“ 最 佳 ”品质 选项 产生 的 结果 与 原 图 像 几 乎 无 分 别 。 


JPEG 格 式 图 像 保留 RGB 图 像 中 的 所 有 颜色 信息 ， 但 通 


2.GIF 格 式 
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品质 越 高 。 在 大 多 数 情 


形 交 换 格式 (GIF) 是 在 World Wide Web 及 其 他 联机 服务 上 常用 的 一 种 文件 格式 ， 用 于 显示 超 文 本 标记 


口音 言 


(HTML) 


文档 中 的 泰 引 颜色 图 形 和 图 像 。GIF 是 一 种 用 LZW 压 缩 的 格式 ， 目 的 在 于 最 小 化 文件 大 小 和 电子 传输 时 | 间 。GIF 格 式 保留 厅 引 颜 
色 图 像 中 的 透明 度 ， 但 不 支持 Alpha 通 道 。 


GIF 格 式 支持 动画 和 透明 背景 ， 因 此 被 广泛 应 用 于 网 页 文档 中 。 但 是 GIF 格 式 使 用 8 位 颜色 ， 仅 包含 256 种 颜色 ， 因 此 ,将 24 
位 图 像 优化 为 8 位 的 GIF 格 式 时 会 损失 掉 部 分 颜色 信息 。 


3.PNG 格 式 


便携 网 络 图 形 (PNG) 格式 是 作为 GIF 的 无 专利 蔡 代 品 开 友 的 ， 用 于 无 损 压 缩 和 在 Web 上 显示 图 像 。 与 GIF 不 同 ，PNG 支 持 
24 位 图 像 并 严 生 无 锯齿 状 边缘 的 背景 透明 度 ; 但 是 ， 某 些 Web 浏 网 器 不 支持 PNG 图 像 。 PNG 格 式 支持 无 Alpha 通 道 的 RGB、 索 
引 颜 色 、 灰 度 和 位 图 模式 的 图 像 。PNG 保 留 灰 度 和 RGB 图 像 中 的 透明 度 。 


在 对 移动 端 网 店 进 行 浴 修 时 ， 首 先 要 先 绘制 一 个 北 修 导 哆 图 ， 在 导 哆 图 中 可 以 具体 查看 需要 涂 修 的 区 域 。 如 图 2-69 所 示 为 
移动 闹 网 店 兴修 导 哆 图 。 
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图 2-69 ”移动 端 网 店 装修 导 览 图 


第 3 章 ”图 像 处 理 基础 


本 章 主 要 为 大 家 介绍 网 店 中 参与 丢 修 时 图 片 的 一 些 处 理 与 编 修 内 容 ， 一 个 网 店 在 视觉 上 想 要 吸引 买 家 眼球 ， 图 片 的 作用 功 不 
可 没 。 恰 恰 是 这 些 图 片 都 是 各 个 元 素 的 重要 组 成 部 分 ， 在 细节 的 处 理 上 融 要 了 解 一 些 天 于 这 方面 的 下 识 ， 例 如 裁 筋 、 图 像 调 色 、 
图 像 瑕 意 修 复 、 抠 图 以 及 修饰 等 等 。 


重点 提示 
大 图 像 处 理 软 件 的 认识 


大 符合 移动 端 网 店 图 片 的 裁剪 


大 图 像 调 色 处 理 
大 图 像 瑕 班 修复 
大 图 像 抠 图 


大 图 像 的 修饰 


3.1 ”图像 处 理 软件 的 认识 


对 于 图 像 的 调整 我 想 没有 比 Photoshop 软 件 更 加 合适 了 ， 在 学 习 Photoshop 软 件 时 ， 首 乞 要 了 解 软 件 的 工作 界面 ， 以 后 的 
所 有 操作 都 要 在 此 界面 中 完成 。 局 动 Photoshop CC 软件 并 打开 一 个 素材 文件 后 ， 大 家 会 看 到 一 个 如 图 3-1 所 示 的 工作 界面 。 
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状态 栏 
图 3-1 ”Photoshop CC 工作 界面 


菜单 栏 : Photoshop CC 将 所 有 命令 集合 分 类 后 ， 扩 展 版 放置 在 11 个 菜单 中 ， 首 及 版 放置 在 9 个 菜单 中 。 利 用 下 拉 菜 单 命令 
可 以 完成 大 部 分 图 像 编 辑 处 理工 作 。 


` 属性 栏 〈 选 项 栏 ) : 位 于 菜单 栏 的 下 方 ， 选 择 不 同 工 具 时 会 显示 该 工具 对 应 的 属性 栏 〈 选 项 栏 ) 。 
` 工具 箱 : 通常 位 于 工作 界面 的 左面 ， 由 20 组 工具 组 成 。 

` 工作 窗口 : 显示 当前 打开 文件 的 名 称 、 顾 色 模 式 等 信息 。 

. 状态 栏 : 显示 当前 文件 的 显示 百分比 和 一 些 编辑 信息 ， 如 文档 大 小 、 当 前 工具 等 。 


面板 组 : 位 于 界面 的 右 侧 ， 将 常用 的 面板 集合 到 一 起 。 使 用 “时 间 轴 ”时 ， 会 在 最 下 面 显 示 该 面板 。 


3.1.1 工具 箱 


Photoshop 的 工具 箱 位 于 工作 界面 的 左 侧 ， 所 有 工具 全 部 放置 到 工具 箱 中 。 要 使 用 工具 箱 中 的 工具 ， 只 要 单 击 该 工具 图 标 
即 可 在 文件 中 使 用 。 如 果 该 图 标 中 还 有 其 他 工具 ， 单 击 鼠 标 右键 即 可 弹出 隐藏 工具 栏 ， 对 其 中 的 工具 单 击 即 可 使 用 。 如 图 3-2 所 
示 为 Photoshop CC 的 工具 箱 。 


世 裁 前 工具 

。 jn] 透 视 城 前 工具 
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图 3-2 工具 箱 


技 15 


Photoshop 从 CS3 版 本 之 后 ， 只 要 在 “工具 箱 ”顶部 单 击 三 角形 转换 符号 ， 就 可 以 将 “工具 箱 ”的 形状 在 单 长 条 和 短 双 条 之 间 
切换 。 


3.1.2 属性 栏 (选项 栏 ) 


Photoshop 的 属性 栏 (选项 栏 ) 提供 了 控制 工具 属性 的 选项 ， 其 显示 内 容 根据 所 选 工 具 的 不 同 而 友 生 变化。 选择 相应 的 工 
具 后 ，Photoshop 的 属性 栏 (选项 栏 ) 将 显示 该 工具 可 使 用 的 功能 和 可 进行 的 编辑 操作 等 ， 属 性 栏 一 般 被 固定 在 菜单 栏 的 下 
方 。 如 图 3-3 所 示 为 在 工具 箱 中 单 击 〈 息 形 选 框 工具 ) 后 ， 显 示 的 该 工具 的 属性 栏 (选项 栏 ) 。 
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图 3-3 ”属性 栏 


3.1.3” 采 里 栏 


Photoshop 的 荣 单 栏 由 “文件 “编辑 ”“ 图 像 ” “图 层 ”“ 类 型 ”“ 选 择 ”“ 滤 镜 ” “3D” “视图 ” “窗口 ” 和“ 帮 
助 ”11 个 类 菜单 组 成 ， 包 含 了 操作 时 要 使 用 的 所 有 命令 。 要 使 用 菜单 中 的 命令 ， 只 需 将 姐 标 光标 指向 菜单 中 的 某 项 并 蛙 击 ， 此 
时 将 显示 相应 的 下 拉 菜 单 ， 在 下 拉 菜 单 中 选择 要 使 用 的 菜单 选项 ， 即 可 执行 此 命令 。 如 图 3-4 所 示 为 执行 “ 滤 镜 /风格 化 ”命令 后 
的 下 拉 荣 单 。 


1 > | | 3DID) “视图 (V) ”窗口 (W) ”帮助 {H) 
| ”上 次 溃 镜 操作 (月 


自 遂 应 广 前 (A)... Shit+Ctrl+A 
镜头 校 I(R)..， Shift+Ctri+R 
液化 [).. Shiftt+Ctr|l+X 
油画 ( 口 ).. 

| ”请 大 总 (W).- Alt+Ctrl+y 


图 3-4 菜单 栏 
技巧 


如 果菜 单 中 的 命令 呈现 灰色 ， 则 表示 该 命令 在 当前 编辑 状态 下 不 可 用 ; 如 果 在 菜单 右 侧 有 一 个 三 角形 符号 和 ， 则 表示 此 菜 
单 包 含有 子 菜 单 ， 只 要 将 鼠标 移动 到 该 菜单 上 ， 即 可 打开 其 子 菜单 ; 如 果 在 菜单 右 侧 有 省 略 号 (…) ， 则 表示 执行 此 菜单 命令 后 
会 弹出 与 之 相关 的 对 话 框 。 


3.1.4 状态 栏 


状态 栏 位 于 工作 界面 的 底部 ， 用 来 显示 当前 打开 文件 的 一 些 信息 ， 如 图 3-5 所 示 。 单 击 三 角形 符号 打开 子 菜单 ， 包 含 状 
态 栏 所 有 可 显示 的 选项 。 


显示 比例 


将 设置 同步 到 
Creative Cloud 
当前 图 层 对 
当前 文件 的 
文档 大 小 


图 3-5 ”状态 栏 


其 中 各 项 的 合 义 如 下 。 


. Adobe Drive: 用 来 连接 Version Cue 服 务 器 中 的 Version Cue 项 目 ， 可 以 让 设计 人 员 合 理 处 理 公共 文件 ， 从 而 轻松 跟踪 或 处 理 
多 个 版 本 的 文件 。 


` 文档 大 小 : 在 图 像 所 占 空 间 中 显示 当前 所 编辑 图 像 的 文档 大 小 。 
文档 配置 文件 : 在 图 像 所 占 空 间 中 显示 当前 所 编辑 图 像 的 图 像 模 式 ， 如 RGB 颜色 、 灰 度 、CMYK 闫 色 等 。 


` 文档 尺寸 : 显示 当前 所 编辑 图 像 的 尺寸 大 小 。 

` 测量 比例 : 显示 当前 进行 测量 时 的 比例 尺 。 

` 暂 存 盘 大 小 : 显示 当前 所 编辑 图 像 占 用 暂 存 盘 的 大 小 情况 。 
. 效率 : 显示 当前 所 编辑 图 像 操 作 的 效率 。 

计时 : 显示 当前 所 编辑 图 像 操 作 所 用 去 的 时 间 。 

当前 工具 : 显示 当前 编辑 图 像 时 用 到 的 工具 名 称 。 
“32 位 曝光 : 编辑 图 像 曝光 只 在 32 位 图 像 中 起 作用 。 


" 存储 进度 : Photoshop CC 新 增 的 功能 ， 用 来 显示 后 台 存 储 文件 时 的 时 间 进 度 。 


3.1.5 面板 组 


从 Photoshop CS3 版 本 之 后 ， 面 板 组 可 以 将 不 同类 型 的 面板 归 类 到 相对 应 的 组 并 将 其 停靠 在 右 侧面 板 组 中 ， 在 处 理 图 像 时 
需要 哪个 面板 只 要 单 击 标签 就 可 以 快速 找到 相对 应 的 面板 。Photoshop CC 版 本 在 默认 状态 下 ， 只 要 执行 “菜单 /窗口 ”命令 ， 
即 可 在 下 拉 菜 单 中 选择 相应 的 面板 ， 然 后 该 面板 融会 出 现在 面板 组 中 。 如 图 3-6 所 示 为 展开 状态 下 的 面板 组 。 
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图 3-6 ”展开 的 面板 组 
温馨 提示 


工具 箱 和 面板 组 默认 处 于 固定 状态 ， 只 要 使 用 鼠标 拖 动 上 面 的 标题 到 工作 区 域 ， 就 可 以 将 固定 状态 变 为 浮动 状态 。 当 工具 箱 
或 面板 处 于 国定 状态 时 关闭 ， 再 打开 后 工具 箱 或 面板 仍然 处 于 固定 状态 ; 当 工 具 箱 或 面板 处 于 浮动 状态 时 关闭 ， 再 打开 后 工具 箱 
或 面板 仍然 处 于 浮动 状态 。 


3.2 ”符合 移动 端 网 店 图 片 的 裁剪 


在 淘宝 移动 问 网 店 中 除了 友 布 的 宝贝 以 外 ， 一 些 特定 的 区 域 图 片 都 是 需要 固定 大 小 的 。 如 果 插 入 的 图 片 不 待 合 ， 在 手机 妆 修 
界面 会 目 动弹 出 裁剪 ， 通 过 拖 动 来 选取 固定 大 小 的 区 域 。 但 是 如 果 通 过 妆 修 界面 进行 裁 荔 ， 那 么 融会 把 乙 前 设计 的 效果 完全 打 
乱 ， 所 以 在 插入 图 片 之 前 一 定 要 先 了 解 该 区 域 图 片 的 大 小 ， 所 谓 磨 刀 不 误 砍 宁 工 ， 丈 是 在 前 期 将 图 片 按 照 固定 大 小 进行 创建 或 截 
问 ， 在 这 个 基础 上 再 进行 视 完 方面 的 设计 ， 只 有 这 样 才能 真正 达到 事半功倍 的 效果 。 


对 已 经 存在 的 图 片 进行 固定 大 小 的 裁剪 时 ， 可 以 通过 photoshop 软 件 中 的 四 时 (裁剪 工具 ) 或 国 昌 (矩形 选 框 工 具 ) 来 进行 


在 移动 痛 淘 宝 店铺 中 进行 半 修 时 ， 首 先 要 了 解 各 个 图 片 的 尺寸 规格 。 
: 新 版 店 招 规格 : 建议 选择 750X254 尺 寸 的 图 片 ， 类 型 为 jpg、pneg。 
. 新 / 老 客 规格 : 建议 选择 608X336 尺 寸 的 图 片 ， 类 型 为 jpg、pneg。 
. 图 文 类 中 单列 图 片 模块 : 建议 选择 608X (200-960) 尺寸 的 图 片 ， 类 型 为 jpg、pneg。 
: 图 文 类 中 双 列 图 片 模块 : 建议 选择 2906X160 尺 寸 的 图 片 ， 类 型 为 jpg、pneg。 
. 图 文 类 中 多 图 模块 : 建议 选择 248X146 尺 寸 的 图 片 ， 类 型 为 jpg、png。 
. 图 文 类 中 轮 播 图 模块 : 建议 选择 640X320 尺 寸 的 图 片 ， 类 型 为 jpg、png。 
` 图 文 类 中 左 文 右 图 模块 : 建议 选择 608X160 尺 寸 的 图 片 ， 类 型 为 jpg、png。 


: 活动 关 图 片 模块 : 建议 选择 640X304 尺 寸 的 图 片 ， 类 型 为 jpg、pneg。 


3.2.1 按 区 域 裁 勇 出 固定 大 小 图 片 


如 果 在 已 经 人 存在 的 图 片 中 选取 局 部 作为 背景 的 话 ， 可 以 通过 Photoshop 软 件 中 的 “裁剪 工具 ” 进行 裁 切 。 这 里 我 们 按照 
移动 器 网 店 的 店 招 大 小 进行 操作 ， 有 具体 裁剪 方法 如 下 : 


01 打开 “海边 ”素材 ， 如 图 3-7 所 示 。 


图 3-7 素材 


02 在 “工具 箱 ” 中 选 择 “裁剪 工具 ”局 ， 在 属性 栏 中 选择 “ 宽 x 高 x 分 辩 素 ”， 设 置 “ 宽 度 ” 为 608 像 素 ，“ 高 度 ”为 
336 像 素 ， 由 于 是 上 传 到 手机 网 店 的 图 像 ， 所 以 将 “分 辩 率 ” 设置 为 “72 像 素 /英寸 ”， 如 图 3-8 所 示 。 


这 |-[ 宽 x 高 x 分 、*| 608 像素 ”| |336 像 素 | 7 ”| 向 讼 + 让 者 和 | 面 盾 | 天 关口 WMS 渤 


图 3-8 设置 “裁剪 工具 


03 ”工具 属性 设置 完成 后 ， 使 用 妃 标 在 图 像 中 选择 裁 切 的 起 始点 ， 然 后 在 图 像 中 按 住 昭 标 拖 动 ， 释 放 鼠 标的 位 置 即 是 裁剪 
框 的 终点 ， 如 图 3-9 所 示 。 


图 3-9 ” 裁 双 图 像 


温馨 提示 


使 用 “裁剪 工具 轩 城 前 图 像 时 ， 设置 裁剪 的 “宽度 与 “高度 后， 在 图 像 中 无 论 创 建 的 裁剪 框 是 多 大 ， 裁 前 后 的 最 终 
图 像 大 小 是 一 致 的 。 这 里 执行 菜单 栏 中 的 “图 像 /图 像 大 小 命令 ， 打 开 “图 像 大 小 ”对 话 框 ， 在 对 话 框 中 可 以 看 到 裁剪 后 图 像 
的 大 小 和 分 辩 牵 ， 如 图 3-10 所 示 。 


: 598.5K 
尺寸 : [=] 608 像素 X 336 像素 
调整 为 : 原稿 大 小 
一 宽度 (D); ， 
-一 高 度 (Gj: 
分 辨 奈 (R): 
加 重新 采样 (S): 


: [=] 608 像 素 X 336 像素 
: 原稿 大 小 


分 辨 草 (R): 
重新 采样 (5): 


图 3-10 ”裁剪 后 效果 对 比 


04 ” 裁 剪 框 创建 完毕 后 ， 按 Enter 键 完成 裁 切 ， 这 里 我 们 可 以 看 到 不 同 裁剪 框 裁 切 出 来 的 图 像 效 果 ， 如 图 3-11 所 示 。 


图 3-11 裁剪 后 效果 


如 果 只 想 裁 前 出 固定 大 小 的 图 像 而 不 省 图 像 区 域 的 话 ， 可 以 通过 Photoshop 软 件 中 的 “和 矩形 选 框 工具 


x 
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时 PIHT 


进行 裁 切 。 这 里 我 们 按照 移动 端 网 店 的 店 招 大 小 进行 操作 ， 具 体裁 前 万 法 如 下 。 


打开 “风景 ”素材 ， 如 图 3-12 所 示 。 


图 3-12 ”打开 素材 


02 ”在 “工具 箱 ” 中 选择 “和 矩 形 选 框 工具 ”时 妆 ， 在 属性 栏 的 “样式 ”下 拉 列 表 中 选择 “固定 大 小 ”， 
像素 ，“ 高 度 ” 为 336 像 素 ， 如 图 3-13 所 示 。 


x 


设置 “宽度 ”为 608 


| 中 | 羽 比 : 消除 锯齿 


图 3-13 ”设置 “矩形 选 框 工具 ” 


CE 


在 图 片上 单 击 ， 即 可 创建 一 个 按照 属性 设置 大 小 的 矩形 选区 ， 选 区 


03 ”工具 属性 设置 完成 后 ， 使 用 “矩形 选 框 工具 ” 
位 置 可 以 移动 ， 如 图 3-14 所 示 。 


图 3-14 创建 的 选区 


温馨 提 示 


使 用 “ 短 形 选 框 工具 ” 朋 到 创建 国定 选区 后 ， 如 果 选 取 的 位 置 不 理想 ， 可 以 将 “选区 模式 ”设置 为 | 是 | (新 选区 ) ， 此 时 只 
要 在 选区 内 部 按 住 鼠 标 左 键 拖 动 就 可 以 改变 选区 的 位 置 ， 或 者 创建 选取 后 ， 使 用 键盘 上 的 方向 键 调整 选区 的 位 置 。 


04 ”选区 创建 完毕 后 ， 执 行 菜单 柱 中 的 “图 像 / 裁 前 ”命令 ， 丈 可 以 将 原 图 像 裁 剪 为 选区 学 围 的 图 像 大 小 ， 在 “图 像 大 
小 ”对 话 框 中 可 以 查看 裁剪 后 的 图 像 尺 十， 如 图 3-15 所 示 。 
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图 3-15 ”裁剪 后 效果 
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为 宝贝 拍摄 时 并 不 是 所 有 的 图 像 都 能 达到 理想 效果 ， 有 时 会 因为 环境 的 问题 ， 担 出 的 图 片 出 现 发 蜡 、 曝 光 不 足 、 颜 色 不 正 等 
瑕 病 ， 本 节 就 以 案例 的 方式 为 大 家 讲解 通过 Photoshop CC 校正 此 类 图 片 的 方法 。 


3.3.1 处理 曝光 不 足 的 图 上 
vv XL 十 zj LU i 人 上 | 了 、 _ ] LJ 


在 光照 恨 好 或 光线 不 足 的 环境 中 提 摄 图片 时 ， 如 果 没 有 控制 好 相机 的 设置 ， 丈 会 提出 太 亮 或 太 上 暗 的 图 片 。 如 果 是 曝光 不 足 ， 
会 束 出 现 友 灰 或 友 黑 的 效果 ， 从 而 影响 图 片 的 质量 。 要 想 将 图 片 以 最 佳 的 状态 进行 存储 ， 一 是 在 担 报时 调整 好 光圈 、 角 度 和 
位 置 ， 以 得 到 最 佳 效 果 ; 二 是 图 片 担 坏 后 ， 使 用 photoshop 对 其 进行 修改 ,得 到 最 佳 效 果 。 本 例 束 为 大 家 讲解 使 用 “ 色 阶 ” 命 
令 修正 扣 照 时 曝光 不 足 而 产生 的 友 灰 效果 。 具 体操 作 如 下 : 


01 局 动 photoshop 软 件 ， 打 开 一 张 曝光 不 足 的 图 片 ， 如 图 3-16 所 示 。 


执行 菜单 栏 中 的 “图 像 / 调 整 / 色 阶 ”命令 或 按 Ctrl+!L 组 合 键 ， 打 开 “ 色 阶 ”对 话 框 ， 如 图 3-17 所 示 。 


图 3-16 ”打开 素材 
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图 3-17 “ 色 阶 ”对 话 框 


03 ”在 对 话 框 中 向 左 拖 动 “高 光 ” 控 制 滑 块 到 有 像素 分 布 的 区 域 ， 如 图 3-18 所 示 。 
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图 3-18 ” 拖 动 控制 滑 块 


04 ”设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 此 时 已 经 校正 了 曝光 不 足 的 问题 ， 效 果 如 图 3-19 所 示 。 


在 “ 色 阶 对 话 框 中 ， 直 接 拖 动 控制 滑 块 可 以 对 图 像 进行 色 阶 调整 ， 也 可 以 直接 在 文本 框 中 输入 数值 。 


对 于 初学 者 来 说 ， 使 用 对 话 框 有 可 能 不 太 习 惯 ， 大 家 可 以 直接 通过 菜单 命令 调整 曝光 不 足 产 生 的 图 片 发 灰 / 瞳 效果 ， 只 要 执 
行 菜单 栏 中 的 “图 像 /自动 色调 ”命令 ， 就 可 以 快速 调整 曝光 不 足 的 问题 ， 如 图 3-20 所 示 。 
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图 3-20 ”自动 色调 


有 时 由 于 对 相机 的 控制 不 佳 册 加 上 光线 过 强 ， 会 提出 图 片 整 体 友 日 的 效果 ， 使 其 对 比 不 够 强烈 。 只 要 在 “ 色 阶 ”对 话 框 中 向 
右 拖 动 “阴影 ” 滑 块 到 有 像素 分 布 的 区 域 ， 即 可 增加 图 片 的 对 比 度 ， 如 图 3-21 所 示 。 
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图 3-21 增加 对 比 度 


3.3.3 ”处 理 偏 色 的 图 片 


由 于 拍摄 的 原因 常常 会 出 现 偏 色 的 问题 ， 本 例 为 大 家 介绍 使 用 photoshop 轻 松 修正 图 片 偏 色 的 方法 。 上 县 体操 作 如 下 : 


01 启动 Photoshop 软 件 ， 打 开 一 张 偏 色 图 片 ， 如 图 3-22 所 示 。 
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图 3-22 ”打开 素材 


02 ”执行 菜单 栏 中 的 “窗口 /信息 ”命令 ， 打 开 “ 信 息 ”面板 ， 在 “工具 箱 ” 中 选择 “吸管 工具 ”全 ， 并 设置 “取样 大 
小 ”为 “3x3 平 均 ”， 如 图 3-23 所 示 。 


图 3-23 ”设置 “吸管 工具 ” 


如 果 想 确认 照片 是 否 偏 色 ， 最 简单 的 方法 就 是 使 用 信息， 面板 查看 照片 中 灰色 的 位 置 ， 因 为 灰色 属于 中 性 色 ， 所 以 这 些 区 
域 的 RGB 顾 色 值 应 该 是 相等 的 ， 如 果 发 现 某 个 数值 太 高 ， 就 可 以 判断 该 图 片 为 偏 色 照片 。 


03 ”选择 “吸管 工具 ”六 后， 将 鼠标 指针 移 到 图 片 中 的 汽车 上 ， 此 时 在 “信息 ”面板 中 发 现 RGB 颜 色 值 明显 不 同 ， 红 色 远 
远 小 于 绿色 与 蓝 色 ， 说 明 图 片 为 少 红 问题， 如 图 3-24 所 示 。 


将 鼠标 指针 移 
人 厌 色 区 域 


图 3-24 查找 灰色 


04 在 “图 层 ”面板 中 单 击 “ 创 建新 的 填 宛 或 调整 图 层 ” 按 钮 ， 在 弹出 的 菜单 中 选择 “ 色 阶 ”但 令 ， 如 图 3-25 所 示 。 


图 3-25 选择 “ 色 阶 ” 命令 


图 3-26 ”调整 色 阶 


06 再 次 将 昭 标 指针 移 到 灰色 区 域 ,， 在 “信息 ”面板 中 ， 查 看 RGB 颜 色 值 后 友 现 数值 已 经 比较 接近 ， 表 示 已 经 不 偏 色 了 ， 
如 图 3-27 所 示 。 


mm 
| ] 站 


人 i 


图 3-27 “信息 面板 
技 15 


还 可 以 通过 “色彩 平衡 ”和 “曲线 ”命令 调整 偏 色 问题 。 


3.3.4 ”增加 多 种 商品 颜色 


在 对 产品 进行 网 担 时 ， 由 于 颜色 不 全 而 造成 有 的 颜色 产品 没有 被 拍照 ， 这 样 束 无 法 上 传 ， 等 


到 产品 


到 贷 后 ， 


再 提 丈 会 


沪 费 很 


多 的 时 间 ， 此 时 只 要 使 用 photoshop 中 的 “色相 /饱和 度 ” 命 令 ， 即 可 轻松 将 一 种 颜色 变 为 多 种 颜色 。 具 体操 作 如 下 : 
01 启动 photoshop 软 件 ， 打 开 一 张 女 款 冲锋 衣 图 片 ， 如 图 3-28 所 示 。 


02 在“ 图 层 ” 面 板 中 单 击 “创建 新 的 填充 或 调整 图 层 ” 按 钮 ， 在 弹出 的 菜单 中 选择 “色相 /饱和 度 ” 命 令 ， 如 图 3-29 所 


可 | 
二 
oo 


图 3-28 ”对 开 素 材 


图 3-29 选择 “色相 /饱和 度 ”命令 


03 在 打开 的 色相 /饱和 度 “ 属 性 ”面板 中 ， 由 于 调整 的 只 是 衣服 颜色 ， 因 此 我 们 选择 “ 详 红 ”， 然 后 拖 动 “色相 ”控制 滑 
块 ， 此 时 通过 预 贞 可 以 看 到 衣服 颜色 友 生 了 变化 ， 如 图 3-30 所 示 。 


四 


图 3-30 调整 ”色相 /饱和 度 


04 在 色相 /饱和 度 “ 属 性 ”面板 中 调整 不 同 的 “色相 ”参数 ， 可 以 得 到 多 各 颜色， 效果 如 图 3-31 所 示 。 


图 3-31 ”调整 颜色 


技巧 


使 用 “色相 /饱和 度 ” 调 整 颜色 时 ， 调 整 范围 如 果 选 择 是 单 色 ,会 只 对 选取 的 颜色 进行 调整 ， 如 果 选 择 的 是 全 图 ， 会 针对 所 
有 了 顾 色 进行 调整 ， 创 建 选区 后 可 以 只 对 选区 内 的 图 像 进行 调整 ， 如 图 3-32 所 示 。 要 想 改 变 灰 度 图 像 的 色相 ， 必 须 先 色 选 “ 着 
色 ” 复 选 框 。 


图 3-32 ”调整 颜色 


3.4 图 像 瑕 山 修 复 


一 张 好 的 网 拍 商品 不 但 可 以 直观 地 展示 该 商品 所 具有 的 图 形 信息 ， 还 能 从 中 看 到 其 主要 的 特色 ， 从 而 加 大 销售 的 硫 码 为 店主 
创造 利润 。 对 于 大 多 数 店主 来 说， 担 好 一 张 照 片 不 是 一 件 容易 的 事情 ， 由 于 环境 光线 、 商 品 摆 放 角度 、 没 有 移 走 的 其 他 物品 或 相 
机 中 目 动 添加 日 期 都 会 对 当前 照 睛 起 到 一 定 的 副作用 。 


3.4.1 ”清除 图 片 中 的 日 期 或 琉 壮 


图 片 中 自 带 的 日 期 或 宝贝 边缘 的 杂 物 、 背 景 中 的 人 物 、 溅 到 宝贝 上 的 污渍 等 ， 都 需要 我 们 通过 后 期 的 操作 将 其 清除 ， 在 
Photoshop 中 能 够 完成 此 类 操作 的 工具 及 命令 ， 主 要 有 “修补 工具 ”|( 蜀 、 “污点 修复 画笔 工具 ”[ 辆 、 “修复 画笔 工具 ”| 加 


和 “内 容 识别 ”填充 命令 等 
1 修补 工具 的 使 用 方法 


该 工具 是 通过 创建 的 选区 来 修复 目标 或 源 ， 例 如 在 照片 中 日 期 或 污渍 上 创建 选区 ， 使 用 “修补 工具 ”| 出 | 拖 动 选 区 内 容 到 与 
育 景 纹理 一 致 的 区 域 ， 释 放 鼠 标 即 可 清除 日 期 ， 如 图 3-33 所 示 。 


| 饥 于 mil， 诈 应 : 
# | Ed . "MF 


-3 
昱 -本 


@ 沿 文字 边 
_ 缘 创建 选区 


FEN 


图 3-33 “修补 工具 修复 过 程 


2.“ 内 容 识 别 ” 填 充 修复 照片 中 的 污点 


“内 容 识 别 ” 填 充 可 以 结合 选区 将 图 像 中 的 多 余部 分 进行 快速 修复 ， 应 用 方法 是 在 污点 周围 创建 选区 。 执 行 菜单 栏 中 的 “ 编 
辑 / 填 充 ” 命 令 , 打开 “填充 ”对 话 框 在“ 使用” 下拉 列表 中 选择 “内 容 识别 ”选项 ， 应 用 此 功能 可 以 修复 污点 区 域 ， 如 图 3- 
34 所 示 。 


3. 修 复 画 笔 工 具 修 复 照片 中 的 水 印 


使 用 “修复 画笔 工具 ”| 蜀 | 可 以 对 被 破坏 的 图 片 或 有 瑕 疲 的 图 片 进行 修复 。 使 用 该 工具 进行 修复 时 ， 首 先 要 进行 取样 ( 按 住 
Alt 键 在 图 像 中 单 击 ) ， 再 使 用 鼠标 在 被 修 复 的 位 置 上 涂抹 。 使 用 样本 像素 进行 修复 的 同时 可 以 把 样本 像素 的 纹理 、 光 照 、 透 明 
上 度 和 阴影 与 所 修复 的 像素 相 融 合 . 


不 透明 度 (0); ， 
是 留 透 明 区 二 索 色 
保留 通明 区 同 六 号 
白色 


图 3-34 “填充 对 话 框 


“修复 画笔 工具 ”| 蜀 | 的 使 用 方法 是 在 需要 被 修复 的 图 像 周 围 按 住 Alt 键 单 击 鼠 标 设置 源 文件 的 选取 点 ， 然 后 释放 鼠标 将 指 


针 移动 到 要 修复 的 地 万 ， 按 住 鼠 标 跟随 目标 选取 点 拖 动 即 可 以 轻松 修复 ， 如 图 3-35 所 示 为 修复 图 像 的 过 程 。 


4. 污 点 修复 画笔 工具 修复 照片 中 的 刺 混 


使 用 “污点 修复 画笔 工具 ”| 图 可 以 十 分 轻松 地 将 图 像 中 的 瑕 疲 修 复 。 该 工具 的 使 用 方法 非常 简单 ， 只 要 将 鼠标 指针 移 到 要 
修复 的 位 置 ， 按 住 鼠 标 拖 动 即 可 对 图 像 进 行 修复 ， 原 理 是 将 修复 区 周围 的 像素 与 之 相 融 合 来 完成 修复 结果 。 


' 污 点 修复 画笔 工具 ”|[ 钢 的 使 用 方法 是 在 要 修 掉 的 图 像 上 按 住 鼠 标 拖 动 ， 即 可 完成 修复 ， 如 图 3-36 所 示 。 


> 
余 物 品 上 拖 动 


图 3-36 ”修复 过 程 


使 用 “污点 修复 画笔 工具 修复 图 像 时 ， 最 好 将 画笔 调整 得 比 污点 大 一 些 。 如 果 修 复 区 的 边缘 像素 反差 较 大 ， 建 议 在 修复 周 
四 


3.4.2 ”将 蛋 糊 照 户 调 清晰 


使 用 相机 进行 网 担 时 ， 由 于 受 外 界 环境 的 影响 或 者 是 担 摄 技术 原因 ， 背 单 会 使 照片 效果 有 一 种 有 胱 模糊 的 感觉 ， 此 时 只 要 使 
用 photoshop 进 行 锐 化 处 理 即 可 使 将 照片 变 得 清晰 ， 具 体 的 调整 方法 如 下 。 


01 局 动 Photoshop 软 件 ， 打 开 一 张 模 糊 的 尸 外 帐篷 照片 ， 如 图 3-37 所 示 。 


图 3-37 素材 


02 执行 菜单 栏 中 的 “ 渡 镜 /模糊 /USM 锐 化 ”命令 ,打开 “USM 锐 化 ”对 话 框 ， 其 中 的 参数 设置 如 图 3-38 所 示 。 


当量 {A): 150 驴 


半 答 fR1: 1.0 保 蕊 
Ey ey 


国 值 LTJ: 1 色 防 
Oe 


图 3-38 “USM 锐 化 ”对 话 框 
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使 用 “USM 锐 化 ” 滤 镜 对 模糊 图 像 进行 清晰 处 理 时 ， 可 根据 照片 中 的 图 像 进行 参数 设置 ， 近 半身 像 参 数 可 以 比 本 例 的 参数 设 
置 的 小 一 些 ， 如 数量 为 75%， 半 径 为 2 像素 ， 阅 值 为 6 色 阶 ， 若 图 像 为 主体 柔和 的 花 弄 、 水 果 、 昆 虫 、 动 物 ， 建 议 设置 数量 为 
150%， 半 径 为 1 像素 ， 阅 值 可 根据 图 像 中 的 杂 色 分 布 情况 而 定 ， 数 值 大 一 些 也 可 以 ; 若 图 像 为 线条 分 明 的 石头 、 建 筑 、 机 械 ， 建 
议 设置 半径 为 3 或 4 像素 ， 但 同时 要 将 数量 值 稍微 减弱 ， 这 样 才 不 会 导致 像素 边缘 出 现 光 尝 或 杂 色 ， 浆 值 则 不 宜 设置 太 高 。 


03 ”设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 效 果 图 3-39 所 示 。 


图 3-39 ”最终 效果 


反 巧 


对 于 一 般 的 模糊 照片 ， 只 要 执行 菜单 栏 中 的 “ 滤 镜 / 锐 化 / 锐 化 ”命令 ， 即 可 将 图 片 调整 清晰 。 


3.4.3 ”对 服装 模特 面部 进行 磨 皮 美容 


在 为 服 委 拍 摄 照片 时 ， 往 往 会 找 适 合 当前 服 委 的 模特 作为 担 报 的 载体 ， 但 有 时 也 会 因为 光绪 或 对 相机 的 不 丈 悉 而 造成 模特 肌 
肤 不 够 日 暂 ， 从 而 间接 影响 服 溢 的 魅力 程度 。 表 美的 服 滚 也 要 模特 来 衬托 ， 漂 亮 的 模特 会 大 大 提升 服 凑 本 身 的 价值 ， 本 例 束 教 大 
家 为 照片 中 服 北 模特 进行 磨 皮 的 万 法 ， 具 体操 作 如 下 。 


01 启动 Photoshop 软 件 ， 打 开 一 张 服装 模特 照片 ， 如 图 3-40 所 示 。 


图 3-40 “打开 素材 


所 修复 画笔 工具 ”中 ， 在 属性 栏 中 设置 “模式 ”为 “正常 ”，“ 类 型 ”为 “内 容 识 别 ”， 在 脸 上 仪 斑 较 大 的 


进行 初步 修复 ， 如 图 3-41 所 示 。 


02 选择 “ 污 
位 置 单 击 ， 对 其 
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图 3-41 设置 “污点 修复 画笔 工具 


03 执行 菜单 栏 中 “ 滤 镜 /模糊 /局 斯 模糊 ”命令 ， 打 开 “ 局 斯 模糊 ”对 话 框 ， 设 置 “ 半 径 ” 为 6.4 像 素 ， 如 图 3-42 所 示 。 
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图 3-42 “高 斯 模糊 ”对 话 框 


04 ”设置 完毕 后 单 击 “确定 ”按钮 ， 效 果 如 图 3-43 所 示 。 


图 3-43 ”模糊 后 效果 


05 选择 “历史 记录 画笔 工具 四 在 属性 栏 中 设置 “不 透明 度 ” 为 38%，“ 流 量 ” 为 38%， 执 行 菜单 栏 中 “窗口 /历史 
记录 ”人 命令， 打开“ 历史 记录 ”面板 ， 在 面板 中 “高 斯 模糊 ”步骤 前 单 击 调 出 恢复 源 ， 再 选择 最 后 一 个 “污点 修复 画笔 [ 国 先 
项 ， 使 用 “历史 记录 画笔 工具 ”在 人 物 的 面部 涂抹 ， 获 果 如 图 3-44 所 示 。 


污点 收 具 国 尝 
i 污 点 修 息 国 宪 
污点 修复 画笔 
污点 修复 画笔 
污点 修复 画笔 


图 3-44 设置 历史 记录 源 
温 效 提示 


在 使 用 “历史 记录 画笔 工具 ” ep 时 ， 将 “不 透明 度 ” 与 “流量 ”设置 得 小 一 些 ， 
生硬 的 效果 ， 也 可 以 在 同一 点 进行 多 次 涂抹 修复 ， 而 不 会 对 图 像 造成 太 大 的 破坏 。 


06 ”使 用 “历史 记录 画笔 工具 ”|[ 草 在 人 物 面部 需要 美容 的 位 置 进行 涂抹 ， 可 以 在 同一 位 置 进 和 
A 


可 以 避免 恢 


多 次 涂抹 ， 


过 程 中 出 现 较 


恢复 过 程 如 图 3- 


07 ”在 人 物 的 皮肤 上 进行 仔细 深 抹 ， 直 到 上 自己 满意 为 止 ， 效 果 如 图 3-46 所 示 。 


图 3-46 ”最 终 效 果 


在 对 本 身 皮 肤 较 黑 的 模特 进行 肤色 美白 时 ， 可 以 通过 色 阶 调整 命令 或 使 用 “ 减 淡 工具 直接 在 皮肤 处 涂抹 ， 如 图 3- 


47 所 示 。 


通道 (CO): | RGB 
输入 色 阶 (D): 


图 3-47 美白 皮肤 


3.5 ”图 像 抠 图 


无 论 是 为 单一 的 商品 蔡 换 背景 ， 还 是 为 一 系列 的 商品 统一 背景 ， 都 需要 对 商品 本 身 进 行 抠 图 来 完成 。 如 果 是 制作 商品 的 合成 


广告 丈 更 少不了 抠 图 了 ， 本 节 主 要 为 大 家 介绍 通过 各 种 抠 图 方法 将 网 担 商品 进行 背景 蔡 换 ， 使 商品 本 身 更 加 突出 ， 在 图 片 视 完 中 
吸引 买 家 的 注意 力 ， 从 而 间接 地 增加 网 店 销 量 。 如 图 3-48 所 示 为 更 换 背 景 前 后 的 对 比 。 


图 3-48 网 上 店 中 替换 表 景 的 商品 


3.5.1 规则 形状 所 图 
对 规则 形状 进行 抠 图 时 ， 常 用 的 工具 就 是 选取 工具 中 的 “矩形 选 框 工具 ”[ 是 和 “椭圆 选 框 工具 ”加 
1 矩形 选区 替换 图 片 背景 


在 Photoshop 中 用 来 创建 算 形 选区 的 工具 只 有 “矩形 选 框 工具 ” 图 使 用 方法 是 在 图 像 中 按 住 鼠标 向 对 角 拖 动 ， 释 放 鼠 标 
即 可 创建 选区 ， 将 选区 内 的 图 像 拖 动 到 新 文档 中 ， 即 可 更 换 原 来 图 像 的 背景 ， 也 束 是 我 们 常 说 的 抠 图 。 该 工具 主要 应 用 在 对 图 像 
选区 要 来 不 太 严 格 的 图 像 中 ， 具 体 的 抠 图 万 法 如 下 。 


01 启动 photoshop 软 件 ， 打开“ 素材 /第 3 草 / 手 机 和 手机 背景 ” ， 如 图 3-49 所 示 。 
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图 3-49 ”打开 素材 


02 将 “手机 ”素材 作为 当前 编辑 对 象 ， 在 “工具 箱 ” 中 选取 “矩形 选 框 工 具 ” 世纪 后 ， 在 手机 正面 周围 创建 选区 ， 如 图 3- 


50 所 示 。 
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图 3-50 ”创建 选区 


03 ”执行 菜单 栏 中 的 “选择 /修改 /平滑 ”命令 ,打开 “平滑 选区 ”对 话 框 ,设置 “取样 半径 ”为 35 像 素 ， 单 击 “ 确 定 ” 按 
钮 ， 效 果 如 图 3-51 所 示 。 
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图 3-51 设置 平 消 


04 执行 菜单 栏 中 的 “选择 /修改 /羽化 ” 合 令 ， 打 开 “ 羽 化 选区 ”对 话 框 ， 设 置 “ 羽 化 半径 ”为 1 像素 ， 单 击 “ 确 定 ” 近 
钮 ， 效 果 如 图 3-52 所 示 。 
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羽化 半径 (R): 1| 保 率 


图 3-52 ”设置 羽化 


05 ”使 用 “移动 工具 ” 国 轿 将 选区 内 的 图 像 拖 动 到 “手机 背景 ”素材 中 


， 调 整 手 机 六 小 完成 育 景 蔡 损 ， 获 果 如 图 3-53 所 


3 ss 


高 颜 值 、 多 色彩 、 线 条 优 美 


EL: 
正面 指 绞 识 别 ， 八 核 64 位 处 理 器 
IPS 5.2 寸 高 清 屏 幕 


充电 5 分 钟 通话 2 小 时 ! 


RYs 


这 一 鹿 里 清 是 


图 3-53 ”替换 背 录 


通过 “ 撼 形 选 框 工 具 或 “椭圆 选 框 工 具 创建 选区 后 抠 图 ， 如 果 不 进 行 羽 化 设置 ， 则 会 出 现 图 像 边缘 与 背景 融合 不 协调 的 
后 果 ， 但 羽化 设置 得 过 小 或 过 大 都 会 出 现 不 自然 的 效果 。 如 图 3-54 所 示 的 效果 分 别 为 “羽化 半径 ”设置 为 0(、15、30 和 60 像 素 时 


替换 表 景 的 结果 。 


高 颜 值 、 多 色彩 、 生 条 优美 


EE = 
正面 指纹 识别 . 八 核 64 和 位 处 理 器 
IPS 5.2 寸 高 清 屏 幕 
充电 5 分 钟 通话 2 小 时 ! 
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这 一 刻 更 靖 晰 
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1600 万 美 颜 自拍 
正面 指纹 识别 ， 八 核 64 位 椒 理 器 
IPS 5.2 寸 高 清 屏 暮 
充电 5 分 钟 通话 2 小 时 | 
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这 一 刻 更 靖 晰 


羽化 半径 为 30 像 素 


1600 万 美 颜 自 拍 
正面 指纹 识别 . 八 核 64 位 处理 器 


IPS 5.2 寸 高 清 屏 幕 
充电 5 分 钟 通话 2 小 时 ! 
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这 一 刻 更 清晰 


羽化 半径 
高 颜 值 、 多 色彩 、 线 条 优美 


1600 力 美 颜 自拍 
正面 指纹 识别 , 八 核 64 位 处 理 吕 
IPS 5.2 寸 商 清 屏幕 
充电 5 分 钟 通话 2 小 时 ! 
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羽化 半径 为 60 像 素 


图 3-54 不同 羽化 值 抠 图 的 结果 


过 巧 


使 用 国 | (4 形 工具 ) 创建 路 径 后 ， 在 “属性 ”面板 中 设置 国 角 值 后 ， 接 Cud+Entex 组 合 键 将 路 径 转换 为 选区 ， 此 时 可 以 替 
换 背 景 ， 如 图 3-55 所 示 。 


图 3-55 ”创建 路 径 并 编辑 
2. 桶 圆 选区 蔡 换 图 片 背 景 


在 Photoshop 中 用 来 创建 椭圆 或 正 圆 选区 的 工具 只 有 “椭圆 选 框 工具 ”| 加 ， 使 用 方法 与 “矩形 选 框 工具 ”|[ 思 大 致 相同 ， 
具体 操作 流程 如 图 3-56 所 示 。 


图 3-56 ”椭圆 选区 替换 背景 


3.5.2 ”智能 抠 图 


对 拍摄 的 商品 照片 进行 抠 图 时 ， 如 果 背 景 图 是 音色， 最 常用 的 工具 是 “魔术 橡皮 擦 ”上 囊 ， 而 “快速 选择 工具 ' 国 可以 通 
过 拖 动 鼠标 将 经 过 区 域 的 像素 进行 选取 ， 从 而 完成 抠 图 ， 这 两 种 工具 可 以 通过 智能 运算 的 方式 对 图 像 进行 选取 。 


1. 魔 木 之 皮 擦 抠 图 


使 用 “魔术 橡皮 擦 工具 ” [图 可 以 快速 去 掉 图 像 的 背景 。 该 工具 的 使 用 方法 非常 简单 ， 只 要 选择 要 清除 的 颜色 范围 ， 单 击 即 
可 将 其 清除 ， 删 除 背 景色 后 的 图 像 可 以 直接 拖 动 到 新 育 景 图 像 中 ， 如 图 3-57 所 示 。 


在 背景 上 单 
击 


图 3-57 “魔术 橡皮 擦 工具 “” 抠 图 


使 用 “快速 选择 工具 " 国 林 以 快速 在 图 像 中 对 需要 选取 的 部 分 建立 选区 使 用 方法 非 单 简 单 ， 只 要 选择 该 工具 后 ， 使 用 指 
针 在 图 像 中 拖 动 即 可 将 鼠标 经 过 的 地 方 创建 选区 ， 具 体操 作 如 下 。 


01 打开 “素材 文件 /第 3 草 /TD 美女 jpg” 素 材 ， 如 图 3-58 所 示 。 


图 3-58 ”打开 素材 


02 ”选择 [加 (快速 选择 工具 ) ， 在 人 物 的 头 部 按 住 鼠 标 拖 动 创建 选区 ， 如 图 3-59 所 示 。 


图 3-59 创建 选区 


03 ” 拖 动 鼠标 创建 选区 的 过 程 中 要 根据 像素 区 域 的 大 小 改变 笔 刷 的 直径 ， 选 区 创建 过 程 如 图 3-60 所 示 。 


图 3-60 ”创建 选区 过 程 


04 ”在 属性 栏 中 单 击 “ 从 选区 中 减 去 ”按钮 ， 使 用 “快速 选择 工具 ” 国 在 手臂 与 头 部 之 间 的 背景 上 拖 动 移 除 选 区 ， 如 图 3- 
61 所 泵 。 


图 3-61 编辑 选区 


05 按 Ctrl+C 组 合 键 复制 选区 内 的 图 像 ， 打 开 “ 素 材 文 件 /第 3 章 / 海 景 .jpg” 素 材 ， 如 图 3-62 所 示 。 


图 3-62 ”素材 


06 按 Ctrl+V 组 合 键 将 刚才 复制 的 图 像 粘贴 到 “海景 ”文档 中 ， 并 使 用 “移动 工具 ” 多 将 图 像 拖 动 到 相应 的 位 置 上 ， 效 
果 如 图 3-63 所 示 。 


图 3-63 最终 效果 


3.5.3 ”复杂 图 形 扑 图 


担 摄 商品 的 类 型 不 同 ， 形 状 也 会 不 同 ， 对 不 规整 形状 的 宝贝 进行 抠 图 时 ， 融 需要 使 用 一 些 操作 比较 复杂 的 工具 来 完成 。 本 蔬 
为 大 家 介绍 “磁性 套 率 工具 ” 加 “多边形 套 索 工 具 ”[ 加 和 “钢笔 工具 ”| 园 在 抠 图 时 的 使 用 方法 。 


"多边形 套 索 工具 ” 国 通 常用 来 创建 较为 精确 的 选区 。 创 建 选 区 的 方法 也 非常 简单 ， 在 不 同位 置 上 单 击 ， 即 可 将 两 点 以 直 
线 的 形式 连接 ， 起 点 与 终点 相交 时 单 击 即 可 得 到 选区 ， 如 图 3-64 所 示 。 


创建 的 选区 


om 
O 选择 起 始点 格力 点 


图 3-64 创建 多 边 形 选 区 
技巧 


使 用 “多 边 形 套 索 工具 国 ; 选区 时 ， 按 住 Shift 键 可 沿 水 平 、 重 直 或 与 之 成 45 ”和 角 的 方向 绘制 选区 ; 在 终点 没有 与 起 点 
相交 时 ， 双 击 和 鼠标 或 按 住 Cttl 键 的 同时 单 击 和 鼠标 即 可 创建 封闭 选区 。 


2. 砚 性 套 率 工具 


"磁性 套 索 工具 ”时 可 以 在 图 像 中 自动 捕捉 具有 反差 颜色 的 图 像 边缘 ， 并 以 此 来 创建 选区 ， 此 工具 常用 在 背景 复杂 但 边缘 
对 比较 强烈 的 图 像 。 创 建 选区 的 方法 也 非 党 简 单 ， 人 在 图 像 中 选择 起 点 后 沿边 缘 拖 动 即 可 目 动 创 建 选区 ， 如 图 3-65 所 示 。 


图 3-65 ”使 用 “磁性 套 索 工具 ”创建 多 边 形 选 区 


反 巧 


使 用 “磁性 套 索 工具 | 加 加 十 迁 区 时 ， 单 击 和 所 标 也 可 以 创建 和 矩 形 标 记 点 ， 用 来 确定 精确 的 选区 ; 按键 盘 上 的 Delete 键 或 
BackSpace 键 ， 可 按照 顺序 撤销 矩形 标记 点 ; 按 Esc 键 可 消除 未 完成 的 选区 ; 按 住 Alt 键 ,会 变 为 “多 边 形 套 索 工具 图 松 开 Alt 
键 后 ， 单 击 和 鼠标 工具 将 恢复 成 “磁性 套 索 工具 图 . 


3 磁性 套 索 工 具 与 多 边 形 套 索 工 具 结合 进行 抠 图 


下 面 为 大 家 讲解 通过 “多 边 形 套 索 工具 ”[ 园 和 “磁性 套 索 工具 ”| 到 相 结 合 的 方法 对 产品 创建 选区 并 抠 图 ， 具 体操 作 过 程 
us 


01 局 动 photoshop 软 件 ， 打 开 “ 素 材 /第 3 章 / 抱 枕 ” 素 材 。 在 工具 箱 中 选择 “磁性 套 奈 工具 加 在 属性 栏 中 设置 “ 羽 
化 ”为 1 像素 ，“ 宽 度 ” 为 10 像 素 ，“ 对 比 度 ”为 10%，“ 频 率 ” 为 597， 在 抱枕 的 顶部 单 击 创建 选区 起 点 ， 如 图 3-66 所 示 。 


商社 : [像素 对比 诬 : [inw% | 引 率 [5 | | 图 


图 3-66 ”打开 素材 并 设置 工具 属性 


沿 抱枕 边缘 拖 动 鼠标 ， 此 时 会 及 现 “磁性 套 系 工具 ” 国会 在 抱枕 边缘 创建 错 点 ， 如 图 3-67 所 示 。 


图 3-67 创建 过 程 


03” 当 到 抱枕 底部 区 域 时 图 像 像 素 之 间 变 得 不 够 强烈 ， 此 时 只 要 按 住 Alt 键 将 “磁性 套 索 工具 ” 国 变 为 “多边形 套 索 工 
贞 ” 园 在 边缘 处 单 击 即 可 ， 如 图 3-68 所 示 。 


图 3-08 ”转换 为 多 边 形 套 索 工具 


移动 鼠标 到 抱 顶 的 另 一 边 ， 图 像 边 绿 像素 变 得 反差 较 大 后 松 开 Alt 键 ， 工 具 恢 复 成 “磁性 套 系 工 具 ” 园 张 续 拖 动 鼠 
标 ， 如 图 3-69 所 示 。 


图 3-69 ”转换 为 磁性 套 索 工具 


起 点 与 终点 相交 时 单 击 即 可 创建 选区 ， 如 图 3-70 所 示 。 


图 3-70 创建 选区 


06 ”此 时 使 用 “移动 工具 ” 世 划 即 可 将 选区 内 的 图 像 进行 移动 ， 如 图 3-71 所 示 ， 


图 3-71 移动 图 像 


打开 另 一 张 作 为 背景 的 沙 友 素材 。 使 用 “移动 工具 ” 外 将 选区 内 的 图 像 移动 到 新 背景 中 完成 抠 图 ， 如 图 3-72 所 示 。 


图 3-72 ”替换 背 录 后 


使 用 “钢笔 工具 ′[ 贺 可 以 精确 地 绘制 出 直线 或 光滑 的 曲线 ， 还 可 以 创建 形状 图 层 . 


该 工具 的 使 用 方法 也 非常 简单 ， 只 要 在 页 面 中 选择 一 点 并 单 击 ， 移 动 到 下 一 点 表单 击 ， 丈 会 创建 直线 路 径 ， 在 下 一 操 按 住 妃 
标 并 拖 动 会 创建 曲线 路 径 ， 按 Enter 键 绘制 的 路 径 会 形成 不 封闭 的 路 径 ; 在 绘制 路 径 的 过 程 中 ， 当 起 点 的 销 点 己 终 点 的 锚 点 相交 
时 鼠标 指针 会 变 成 网 形 状 ， 此 时 单 击 鼠标 ， 系 统 会 将 该 路 径 创建 为 封闭 路 径 。 


(1) 创建 路 径 
使 用 “钢笔 工具 ′[ 园 绘制 直线 路 径 、 曲 线路 径 和 封闭 路 径 的 具体 操作 如 下 ; 


01 启动 photoshop 软 件 ， 新 建 一 个 空白 文档 ， 选 择 “钢笔 工具 ”| 加， 在 页 面 中 选择 起 点 并 单 击 ， 移 动 到 另 一 点 后 再 单 
证， 会 得 到 如 图 3-73 所 示 的 直线 路 径 。 


& 


口 


图 3-73 ”直线 路 径 


02 新建 一 个 空白 文档 ， 选 择 “ 钢 笔 工具 ”| 加 ， 在 页 面 中 选择 起 点 并 单 击 ， 移 动 到 另 一 点 后 按 住 鼠 标 拖 动 ， 会 得 到 如 图 3- 
74 所 示 的 曲线 路 径 。 


按 住 皂 动 三 村 要 控制 点 
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图 3-74 ”曲线 路 径 


03 ”新 建 一 个 空白 文档 选择“ 钢笔 工具 ”| 部 ， 在 页 面 中 选择 起 点 并 单 击 ， 移 动 到 另 一 点 后 按 住 鼠 标 拖 动 ， 释 放 幢 标 后 拖 
动 到 起 始点 并 单 击 ， 会 得 到 如 图 3-75 所 示 封 闭路 径 。 
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图 3-75 ”封闭 路 径 
(2) 路 径 转换 为 选区 


通过 “钢笔 工具 ”|[ 园 创建 的 路 径 是 不 能 直接 进行 抠 图 的 ， 需 要 将 创建 的 路 径 转换 为 选区 ， 然 后 利用 “移动 工具 将 选 
区 内 的 图 像 移 动 到 新 育 景 中 完成 抠 图 。 在 Photoshop 中 将 路 径 转 换 为 选区 的 万 法 很 简单 ， 可 以 直接 通过 按 Ctrl+Enter 组 合 键 将 
路 径 转换 为 选区 ; 还 可 以 通过 “ 品 径 ”面板 中 的 “将 路 径 作为 选区 载 入 ” | 全. 按钮 将 路 径 转换 为 选区 ; 如 果 是 Photoshop CS6 
版 本 ， 则 可 以 直接 在 “属性 栏 ”中 单 击 “ 建 立 选区 ”按钮 -将 将 路 径 转换 为 选区 ; 或 者 在 弹出 菜单 中 执行 “建立 选区 ”命令 
将 路 径 转 换 为 选区 ， 如 图 3-76 所 示 。 
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羽化 半径 (F): 目 。 像素 
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与 选区 交叉 (DJ) 


图 3-76 “将 路 径 转换 为 选区 
下 面 讲解 使 用 “钢笔 工具 ”| 园 | 为 复杂 的 女 鞋 进行 抠 图 ， 具 体操 作 过 程 如 下 。 


01 局 动 photoshop 软 件 ， 打 开 一 张 担 摄 的 女 鞋 照片 ， 如 图 3-77 所 示 。 


图 3-77 ”打开 素材 


02 选择 “钢笔 工具 ′[ 团 ， 在 “属性 栏 ”中 选择 “模式 ′ 为 “路 径 ”， 然 后 在 女 鞋 边缘 单 击 创建 起 点 ， 沿 边缘 移动 到 另 一 


按 住 鼠标 创建 路 径 连 绪 后 ， 拖 动 鼠 标 将 连续 调整 为 曲线 ， 如 图 3-78 所 示 。 


@ 按 住 鼠 标 拖 动 


和 BP l 


图 3-78 创建 并 调整 路 径 


03 ”释放 鼠标 后 ， 将 指针 拖 动 到 锚 点 上 按 住 Alt 键 ， 此 时 指针 右 下 角 出 现 一 个 上 符号 ， 单 击 鼠标 将 后 面 的 控制 点 和 控制 杆 消 
除 ， 如 图 3-79 所 示 。 


图 3-79 ” 拖 动 控制 杆 


技 15 


在 Photoshop 中 使 用 钢笔 工具 国 ; 图 像 边 缘 创 建 路 径 时 ， 创 建 曲 线 后 当前 锚 点 会 同时 拥有 曲线 特性 ， 再 创建 下 一 点 时 ， 
如 果 不 是 按照 上 一 锚 点 的 曲线 方向 进行 创建 ， 将 会 出 现 路 径 不 能 按照 自己 的 意愿 进行 调整 的 走 炊 局 面 ， 此 时 只 要 按 住 Alt 键 在 曲 
线 的 锚 点 上 单 击 取消 锚 点 的 曲线 特性 ， 再 进行 下 一 点 曲线 创建 时 就 会 非常 容易 ， 如 图 3-80 所 示 。 


没有 取 少 


错 点 特性 


图 3-80 ”编辑 


04 ”到 下 一 点 按 住 鼠 标 拖 动 创建 贴 合 图 像 的 路 径 曲线 ， 再 按 住 Alt 键 在 锚 点 上 单 击 ， 如 图 3-81 所 示 。 


图 3-81 创建 路 径 并 编辑 


05 ”使 用 同样 的 方法 在 鞋子 边缘 创建 路 径 ， 过 程 如 图 3-82 所 示 。 


图 3-82 ”创建 路 径 


06” 当 起 点 与 终点 相交 时 ， 指 针 右 下 角 出 现 一 个 圆圈 ， 单 击 鼠 标 完 成 路 径 的 创建 ， 如 图 3-83 所 示 。 


图 3-83 ”创建 路 径 


07 ”路 径 创建 完毕 后 ， 按 Ctrl+Enter 组 合 键 将 路 径 转 损 为 选区 ， 如 图 3-84 所 示 。 


图 3-84 ”将 路 径 转换 为 选区 


08 ”打开 一 张 背 景 图 ， 将 抠 取 的 素材 拖 动 到 新 素材 合适 的 位 置 ， 效 果 如 图 3-85 所 示 。 
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图 3-85” 抠 图 后 效果 


3.5.4 毛皮 的 图 


对 有 模特 参与 的 宝贝 图 片 进行 抠 图 时 ， 经 常会 遇 到 人 物 的 发 丝 区 域 ， 如 果 使 用 “多 边 形 套 索 工 具 ”′ [图 或 “钢笔 工具 ”加 
进行 抠 图 ， 会 出 现 背 景 抠 不 干净 的 效果 ， 如 图 3-86 所 示 。 
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图 3-86 ”发 丝 边缘 有 背景 颜色 


选区 创建 完毕 后 ， 可 以 通过 “调整 边 绿 ”命令 ,修整 友 丝 处 的 背景 ， 具 体操 作 如 下 。 


01 局 动 Photoshop 软 件 ， 打 开 一 张 美 女 素材 。 使 用 “快速 选择 工具 ” 国 在 人 物 上 拖 动 创建 一 个 选区 ， 如 图 3-87 所 示 。 


图 3-87 为 素材 创建 选区 


02 ”创建 选区 后 ， 执 行 菜单 栏 中 的 “选择 /调整 边缘 ”命令 ,打开 “调整 边缘 ”对 话 框 ， 单 击 “ 调 整 半径 工具 ”( 守 按 钮 ， 
在 人 物 友 丝 边 缘 处 向 外 按 住 女 标 拖 动 ， 如 图 3-88 所 示 。 


移动 功 涯 加 }: 


图 3-88 ”编辑 选区 


03 ”在 上 帮 丝 处 按 住 鼠 标 细心 涂抹 ， 此 时 会 有 现 友 丝 边缘 已 经 出 现在 视图 中 ， 拖 动 过 程 如 图 3-89 所 示 。 


图 3-89 ”编辑 发 丝 


04 涂抹 后 友 现 边缘 处 有 多 余 的 部 分 ， 只 要 按 住 Alt 键 在 多 余 处 拖 动 ， 即 可 将 其 复原 ， 如 图 3-90 所 示 。 
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图 3-90 ”编辑 选区 


05 ”设置 完毕 后 单 击 “确定 ”按钮 ， 调 出 编辑 后 的 选区 ， 打 开 “ 木 板 墙 ”素材 ， 如 图 3-91 所 示 。 
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Souirable for anwv skin, can directhy conracr wirh th 
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图 3-91 选区 和 木板 墙 素材 


06 使 用 “移动 工具 " 因 | 将 先 选区 内 的 图 像 拖 动 到 “木板 墙 ” 文 档 中 ， 最 终 效果 如 图 3-92 所 示 。 
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图 3-92 ”最终 效果 


3.5.5 ”透明 图 像 的 抠 图 万 法 


在 Photoshop 中 对 半 透 明 对 象 进行 抠 图 的 功能 可 以 在 “通道 ”面板 中 完成 。 使 用 “通道 ”进行 抠 图 时 ， 通 党 需要 结合 一 些 
工具 来 完成 抠 图 的 操作 ， 即 在 操作 完毕 之 后 必须 把 编辑 的 通道 转换 为 选 过 “移动 工具 " 鸭 上 将 选区 内 的 图 像 拖 动 到 新 背 
景 中 。 对 通道 进行 编辑 时 主要 使 用 图 (画笔 工具 ) ， 通 道中 的 黑色 部 分 为 保护 区 域 ， 白 色 区 域 为 可 编辑 位 置 ， 灰 色 区 域 将 会 创 
建 半 透明 效果 ， 如 图 3-93 所 示 。 
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图 3-93 ”编辑 Alpha 通 道 
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图 3-93 ”编辑 Alpha 通 道 
默认 状态 时 ， 使 用 黑色 、 日 色 及 灰色 编辑 通道 可 以 参考 表 3-1 进 行 操作 。 


表 3-1 不 同 磊 色 编辑 通道 


涂抹 颜色 | 彩色 通道 显示 状态 载 入 选区 
过 通 过关 区 二 党 到 过 区 


从 通道 中 减 去 从 选区 中 减 去 
创建 半 透 明 效果 产生 的 选区 为 半 透 明 


下 面 为 大 家 讲解 在 “通道 ”中 为 模特 婚纱 部 分 进行 半 透 明 抠 图 ， 具 体操 作 如 下 。 


01 启动 Photoshop 软 件 ， 打 开 “ 婚 纱 01” 素 材 ， 如 图 3-94 所 示 。 


图 3-94 ”打开 素材 


02 打开 到 “通道 ”面板 ， 拖 动 “ 红 ”通道 到 “创建 新 通道 ”按钮 上 ， 得 到 “ 红 拷 贝 ”通道 ， 如 图 3-95 所 示 。 


图 3-95 ”复制 通道 


03 执行 菜单 栏 中 的 “图 像 /调整 / 色 阶 ”命令 ， 打 开 “ 色 阶 ”对 语 框 ， 其 中 的 参数 设置 如 图 3-96 所 示 。 
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图 3-90 


04 设置 完毕 后 单 击 “ 确 是” 按钮， 效果 如 图 3-97 所 示 。 
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图 3-97 ” 色 阶 调整 后 效果 


色 设 置 为 黑色 ,使 用 [并 (画笔 工具 ) 在 人 物 以 外 的 位 置 拖 动 ， 将 周围 填充 黑色 ， 效 果 如 图 3-98 所 示 。 


图 3-98 ”填充 黑色 


06 ”再 将 前 景色 设置 为 白色 ， 使 用 国 (画笔 工具 ) 在 人 物 上 拖 动 (切忌 不 要 在 透明 的 位 置 上 涂抹 ) ， 效 果 如 图 3-99 所 示 . 


图 3-99 ”填充 白色 


07 选择 复合 通道 ， 按 住 Ctrl 键 单 击 “ 红 拷贝 ”通道 ， 调 出 图 像 的 选区 ， 如 图 3-100 所 示 。 
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图 3-100 ” 调 出 选区 


08 按 Ctrl+C 组 合 键 复制 选区 内 的 图 像 ， 再 打开 “草地 ”素材 ， 如 图 3-101 所 示 。 


图 3-101 ”打开 素材 


按 Ctrl+V 组 合 键 粘贴 复制 的 内 容 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 控制 点 将 图 像 进 行 适合 的 缩放 ， 效 果 如 图 3-102 所 
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图 3-102 ”变换 


按 Enter 键 完成 变换 ， 最 终 效果 如 图 3-103 所 示 。 


图 3-103 ”最 终 效 果 


3.5.6 ”综合 抠 图 万 法 


对 网 扣 产 品 或 模特 进行 背景 具 换 时 ， 并 不 是 只 使 用 一 种 抠 图 模式 束 能 够 得 到 较 好 的 效果 ， 通 弟 情 况 下 卖家 都 会 使 用 几 种 抠 图 
模式 相 结合 的 方法 进行 操作 ， 这 样 做 的 好 处 是 针对 不 同位 置 可 以 将 边缘 处 理 的 更 加 得 体 ， 比 如 对 于 模特 的 头 友 残 不 能 使 用 路 径 进 
行 抠 图 ， 如 果 强 行使 用 路 径 会 造成 模特 没有 友 丝 的 效果 ， 如 图 3-104 所 示 。 
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号 体 部 位 使 用 路 径 
或 选区 进行 抠 图 


发 丝 区 域 使 用 调整 
边 绿 进行 抠 图 
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图 3-104 ”综合 抠 图 


如 果 网 店 中 出 售 的 商品 照片 是 由 目 己 担 摄 的 ， 此 时 一 定 考 虑 两 个 问题 : 一 是 如 何 让 买 家 更 喜欢 目 己 的 照片 而 进行 产品 购买 ; 
二 是 不 想 目 己 伴 天 拍摄 并 处 理 的 网 担 产 品 被 别人 稍 加 复 改 融 变 为 他 的 网 店 商品 。 此 时 融 要 从 宝贝 照片 的 修饰 方面 考虑 ， 也 融 是 添 
加 一 些 属 于 上 自己 风格 的 图 片 或 文字 ， 起 到 版 权 的 作用 ， 这 样 才 不 会 被 别有用心 的 人 利用 ， 如 添加 一 些 浮 在 表面 的 水 ED、 保护 线 或 


是 一 些 说 明文 字 等 。 


1. 为 商品 图 片 添加 保护 线 


通过 Photoshop 为 产品 添加 版 权 保护 线 后 ， 可 以 减少 别人 盗用 的 机 会 ， 因 为 添加 保护 线 的 图 片 会 增加 盗用 的 难度 ， 所 以 想 
次 用 图 片 的 人 会 考虑 到 修 图 的 烦 瑛 而 选择 放弃 ， 此 时 也 间接 地 提升 了 商品 的 成 交 概 率 。 如 图 3-105 所 示 图 像 为 添加 保护 线 的 效 
宋 。 


图 3-105 ”添加 保护 线 效 果 


添加 的 保护 线 最 好 不 要 遮 住 商品 本 身 ， 在 图 片 中 既 要 与 主体 相 融 合 ， 又 要 起 到 保护 图 片 的 作用 。 切 记 不 要 抢 了 照片 本 来 的 第 


AN 


一 视觉 点 。 


2. 为 商品 图 片 添加 文字 水 印 


为 商品 图 片 添加 文字 水 印 ， 除 了 能 增加 其 专业 性 和 整体 感 外 ， 还 能 保护 图 片 防止 被 外 人 和 盗用， 添加 的 文字 水 印 一 般 都 比较 淡 
` 会 影响 商品 本 身 的 观 员 性 ， 如 图 3-106 所 示 。 
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图 3-106 ”添加 的 文字 水 印 
温馨 提示 


为 网 拍 商品 添加 文字 水 印 时 ， 最 好 将 水 印 在 不 影响 整体 美观 的 前 提 下 放置 到 纹理 较 复 杂 的 区 域 ， 这 样 对 于 盗用 者 来 说 修改 起 
来 会 非 党 麻烦， 间接 地 保证 了 网 店 商 品 的 唯一 性 。 


3. 为 商品 图 片 添加 图 像 商 标 或 图 像 水 印 


为 商品 图 片 添加 水 印 ， 不 但 可 以 直接 输入 文本 ， 还 可 以 将 具有 本 店 特征 的 图 片 直接 添加 到 商品 图 片 中 。 以 图 像 性 质 的 水 印 可 
以 是 本 店 的 商标 ， 也 可 以 是 文字 与 图 形 相 混合 的 图 像 ， 目 的 融 是 为 了 目 己 羊 天 拍摄 的 图 片 不 羽 次 用 ， 如 图 3-107 所 示 。 


图 3-107 添加 的 图 像 水 印 


将 文字 与 图 像 混 合 后 制作 成 半 透 明 水 印 ， 既 不 影响 商品 照片 的 整体 效果 ， 也 不 会 抢 了 照片 本 来 的 视觉 点 ， 添 加 的 图 像 水印 最 
好 放置 到 商品 照片 的 边缘 位 置 ， 如 图 3-108 所 示 。 


图 3-108 ”透明 水 印 
4. 为 商品 添加 情趣 对 话 


网 担 商品 直接 放 在 网 店 中 出 售 ， 浏 秽 者 只 能 以 欣 呐 商品 的 目光 来 看 待 此 产品 ， 如 何 为 商品 增加 更 多 的 人 气 ， 是 每 个 店家 都 会 
考虑 的 事情 ， 如 果 我 们 出 售 的 是 卡通 商品 ， 那 么 我 们 可 以 为 商品 照片 添加 一 些 情趣 对 话 ， 无 疑 会 更 加 吸引 购买 者 驻足 ， 人 在 买 家 的 
购买 冲动 时 间 内 快速 增加 买 家 对 该 商品 的 喜欢 程度 ， 这 样 交 易 概 率 也 融会 越 大 ， 如 图 3-109 所 示 。 


图 3-109 ”添加 情趣 对 话 


5. 快 速 为 多 个 商品 添加 文本 水 印 


网 上 开店 商品 图 片 会 很 多 ， 使 用 Photoshop 中 的 “画笔 工具 ”定义 一 个 画笔 ， 可 以 快速 为 宝贝 图 片 添加 统一 类 型 的 文本 或 
图 像 水 印 ， 如 图 3-110 所 示 。 
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图 3-110 “为 多 个 图 片 添加 水 印 
温 艾 提示 
使 用 “画笔 工具 ”添加 水 印 时 ， 最 好 在 图 像 大 致 相同 的 位 置 添加 水 印 后 再 上 传 到 网 店 中 。 


如 何 快速 为 多 个 照 卢 添 加 水 印 是 一 件 很 麻烦 的 事 ， 这 里 为 大 家 介绍 在 Photoshop 中 通过 定义 画笔 后 ， 使 用 “画笔 工具 ” 快 
速 添加 统一 风格 水 印 的 方法 ， 具 体操 作 如 下 。 


01 局 动 Photoshop 软 件 ， 打 开 一 张 商品 图 片 并 输入 文字 ， 如 图 3-111 所 示 。 


图 3-111 ”打开 素材 


02 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 控 制 点 将 文字 旋转 ， 如 图 3-112 所 示 。 
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图 3-112 ”旋转 文字 


03 按 Enter 键 完成 变换 ， 按 住 Ctrl 键 单 击 文字 图 层 的 缩 略 图 ， 调 出 文字 选区 ， 如 图 3-113 所 示 。 


:四 中 各 于 让 : 100% 


图 3-113” 调 出 文字 选区 
温馨 提示 
将 文字 或 图 像 定 义 成 画笔 时 最 好 使 用 黑色 ， 这 样 定义 的 画笔 颜色 会 重 一 些 。 


04 ”执行 菜单 栏 中 的 “编辑 /定义 画笔 预 设 ”命令 ,打开 “画笔 名 称 ” 对 话 框 ,其 中 的 参数 设置 如 图 3-114 所 示 。 


图 3-114 “画笔 名 称 ”对 话 杠 


05 ”设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 按 Ctrl+ D 组 合 键 取 消 选 区 ， 隐 藏 文字 图 层 ， 新 建 “ 图 层 1”， 如 图 3-115 所 示 。 


图 3-115 新建“ 图 层 1” 


06 在 工具 箱 ' 中 选择 “画笔 工具 ”′[ 国 ， 在 “画笔 拾 色 器 ”中 选择 “水 印 ”画笔 ， 如 图 3-116 所 示 。 


图 3-116 ”选择 “水 印 ” 画 笔 


温 志 提示 
定义 的 画笔 可 以 应 用 到 多 个 图 像 中 。 


07 ”将 前 景色 设置 为 白色 ， 设 置 “不 透明 度 ” 为 29%， 在 素材 
， 度 ” 为 29%， 在 系 材 上 使 用 “画笔 工具 ” 国 单 [为 其 添加 多 交 
有 击 即 可 为 其 添加 多 个 水 印 ， 效 果 如 
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图 3-117 最 终 效 果 


第 4 章 ”移动 鼎 网 店 可 委 修 区 荆 的 图 像 制作 


本 草 主要 以 淘宝 中 的 手机 淘宝 店铺 作为 标准 ， 为 大 家 介绍 移动 端 网 店 组 成 部 分 图 像 区 域 的 制作 ， 与 电脑 端 淘宝 店铺 相似 的 是 
在 移动 尊 网 店 中 也 包含 店 招 、 首 屏 广 告 图 、 针 对 新 / 老 客 尸 而 显示 的 不 同 图 像 及 焦点 图 等 。 


重点 提示 

大 店 招 的 设计 与 制作 

大 单列 图 像 设计 与 制作 

大 双 列 图 像 设计 与 制作 

大 新 / 老 客 图 像 设计 与 制作 

大 焦点 图 设计 与 制作 

大 左 文 右 图 模块 设计 与 制作 
太 活 动 头 图 片 模块 设计 与 制作 
大 多 图 片 模块 设计 与 制作 


一 个 功能 完善 的 移动 端 网 店 图 像 区 域 通常 都 由 上 面 各 个 板块 组 成 的 ， 每 个 区 域 在 店面 中 都 具有 自己 的 作用 与 特点 ， 如 图 4-1 
所 示 为 移动 尊 网 店 效果 。 


wooo0 中 国 移 动 襄 : 70% | | e0000 动 宝 : | | 0000 中 国 称 动 十 油 BE 1 
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币 汪 三 遇 :通信 下。 


(A 
征 贿 尺 习 + 两 元 请 柠 枢 最 2 


联系 喜 军 店铺 商 介 1 分 类 店铺 阐 介 关系 误 军 由 分 闫 玉 妈 专区 


图 4-1 移动 端 网 店 


当 手 机 或 移动 喘 设 备 已 经 以 一 种 不 可 逆转 的 态势 在 生活 中 随处 可 见 ， 无 论 是 坐车 ， 还 是 朋友 聚会 ， 手 上 都 会 拿 着 手机 ， 在 有 
无 线 网 络 的 场所 有 人 甚至 拿 比 于 机 更 大 一 些 ipad 或 其 他 移动 设备 ， 更 其 者 是 在 走路 时 都 会 随时 翻 看 手机 。 卖 家 通过 兴修 移动 端 
淘宝 店铺 而 加 大 出 货 率 已 经 是 一 项 必修 课 。 移 动 喘 淘宝 开启 后 ， 如 果 不 进行 痰 修 ， 相 信 每 个 浏览 过 的 客 尸 都 不 会 有 太 多 的 印象 ， 
在 第 一 视 守 上 丈 输 给 了 同行 ， 因 此 北 修 一 家 独 具 风 格 并 且 吸 睛 的 移动 端 网 店 绝对 可 以 提升 销售 额 。 


4.1 ”上 店 标 


移动 辛 淘宝 店 中 的 店 标 与 电脑 端 淘宝 店铺 使 用 的 是 同一 个 店 标 ， 规 格 大 小 为 80 像 素 x80 像 素 ， 如 图 4-2 所 示 。 


朱 购 助手 
门 物流 管理 淘宝 店铺 ”手机 沽 主 店 销 


训 件 格式 6IF、 JPG、JPEG、PNGE 安 件 去 小 80k 凡 内 ， 建 说 尺寸 80PX*80PX 
基础 信息 


“店铺 各 称 :小 乐 志 户外 商品 


店 锌 标志 : 


到 性 格式 GIF， JP5 ,JPEG ，PNG 交 性 志 小 80K 避 向 ， 建 说 尺寸 SPX SSDPX 


店 稍 痛 谷 : 


十 动 报名 


BE 于 “好 苔 地 址 : 


图 4-2 ”上 店 标 


4.2 ” 店 招 的 设计 与 制作 


店 招 顾名思义 融 是 店铺 的 招牌 ， 对 于 实体 店 来 说 店 招 融 是 店铺 的 招牌 ， 从 品牌 推广 的 角度 来 看 ， 在 繁华 地 段 一 个 好 的 店 招 不 
光 是 店铺 坐落 地 的 标志 ， 更 起 到 户外 广告 的 作用 。 


移动 端 网 店 店 招 与 PC 淘宝 店铺 的 店 招 作用 一 样 不 需要 门面 ， 店 招 就 是 店铺 的 门面 ， 即 虚拟 店铺 的 招牌 。 一 般 都 有 统一 的 尺 
寸 要求 ， 以 淘宝 网 中 的 手机 店铺 来 说 ， 店 招 为 750 像 素 x254 像 素 ， 格 式 为 jpg、png。 一 个 好 的 店 招 完 全 可 以 体现 出 本 店 的 特点 
和 所 售 产品 ， 在 让 买 家 记 住 的 同时 也 就 会 自然 地 增加 本 店 的 销量 ， 不 同 的 店铺 设计 店 招 也 是 不 同 的 ， 有 简单 的 也 有 复杂 的 ， 如 图 
4-3 所 示 。 移 动 端 网 店 的 店 招 背景 除了 通过 裁剪 来 获得 外 ， 还 可 以 通过 创建 新 文档 自行 创建 背景 并 制作 整个 店 招 ， 下 面 就 为 大 家 
制作 一 个 “ 乐 乐 户外 移动 端 店 招 ”， 如 图 4-4 所 示 。 
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图 4-3 手机 店铺 店 招 
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图 4-4 ” 乐 乐 户外 移动 端 店 招 


具体 操作 如 下 : 


01 执行 菜单 栏 中 的 “文件 /新 建 ”命令 或 按 Ctrl+N 组 合 键 ， 打 开 “ 新 建 ” 对 话 框 ， 在 其 中 设置 “宽度 ” “高 度 ” 及 “分 辨 
率 ”， 如 图 4-5 所 示 。 


名 称 (N): 
祯 这 (Pi 自 定 


离 谨 (W): 750 
高 度 (H): 254 


分 辩 率 (R): 72 
颜色 模式 (M): RGB 颜色 
背景 内 容 (C): 白色 


图 4-5 “新建 ”对 话 杠 


02， 设置 完毕 后 单 击 “ 确 定 ′ 按钮 ， 使 用 “渐变 工具 ” 驮 从 上 向 下 拖 动 鼠标 填充 从 (R: 71，G: 200，B: 250) 到 
(R: 178，G: 228，B: 255) 的 线性 渐变 ， 如 图 4-6 所 示 。 
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图 4-6 ”填充 渐变 


03 ”执行 菜单 栏 中 的 “文件 /打开 ”命令 ， 打开 “素材 /第 4 章 / 星 空 ”素材 ， 将 其 拖 动 到 “ 乐 乐 户外 移动 端 店 招 ”文档 中 ， 调 
整 大 小 并 设置 混合 模式 和 不 透明 度 ， 效 果 如 图 4-7 所 示 。 


国 未 乐 户外 称 动 洋 店 招 @ 100%[ 星 裤 RGB/8) * 一 | 口 | | 有 

- 一 
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100% |EB 。 文档 :375.0Kj1.45M 中 所 .加 ©. 白 加 人 症 . 


图 4-7 打开 并 移入 素材 


04 ”执行 菜单 栏 中 的 “文件 /打开 ”命令 ,打开 “素材 /第 4 草 / 人 花纹 ”素材 ， 将 其 拖 动 到 “ 乐 乐 尸 外 移动 端 店 招 ”文档 中 ， 调 
整 大 小 并 设置 “ 渴 合 模式 ”为 “明度 ”， “不 透明 度 ” 为 45%， 效 果 如 图 4-8 所 示 。 
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图 4-8 ”打开 并 移入 素材 


国 ， 输 入 文本 “ 乐 乐 户外 ”， 如 图 4-9 所 示 。 


图 4-9 输入 文字 


执行 菜单 栏 中 的 “图 层 / 图 层 样 式 / 换 边 ”命令 ,打开 “图 层 样 式 ” 对 话 框 ,设置 参数 值 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 
4-10 所 示 。 
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图 4-10 设置 “ 描 边 参数 及 效果 


复制 文本 ， 得 到 一 个 拷贝 图 层 。 执 行 菜 单 柱 中 的 “编辑 /变换 /率直 翻转 ”命令 ， 将 副本 进行 翻转 并 向 下 移动 ， 单 击 “ 添 


加 图 层 蒙 版 ” 加 ， 为 图 层 添加 一 个 蒙 版 ， 然 后 使 用 “渐变 工具 ”图 ( 从 上 向 下 拖 动 鼠 标 填充 从 白色 到 黑色 的 线性 渐变 ， 效 果 如 
图 4-11 所 示 。 
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图 4-11 添加 蒙 版 并 填充 渐变 


加 -| ONDg 横 t: | 党 :| 不 重 明 度 :|100%|-|| 口 B9 呵 f [ 呵 庆 区域 


图 4-11 添加 蒙 版 并 填充 渐变 ( 续 ) 


打开 “ 草 曼 ”素材 ， 将 其 拖 动 到 新 建文 档 中 ， 复 制 几 个 草 曼 副本 图 层 并 调整 大 小 ， 然 后 将 草 曼 图 层 全 部 选取 ， 按 
Ctrl+E 组 合 键 将 其 合并 ， 效 果 如 图 4-12 所 示 。 


图 4-12 ”移入 素材 


为 “ 草 曼 ”图 层 添 加 图 层 蒙 版 ,使 用 “ 男 笔 工具 ” 园 在 文字 处 涂抹 黑色 ， 使 章 曼 缠绕 文字 ， 效 果 如 图 4-13 所 示 。 


dd 100%| ™ 


:四 2 中 四 十 况 :|100%|- 


I 乐 乐 户外 


多 并 果 
多 描 边 


新 建 一 个 图 层 ， 使 用 “画笔 工具 ”| 到 ， 在 “画笔 拾 色 器 ”中 选择 一 种 笔触 ， 在 文字 上 绘制 白色 画笔 笔触 ， 效 果 如 图 4- 


14 所 泵 。 
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图 4-14 绘制 白色 画笔 笔触 


新 建 一 个 图 层 ， 绘 制 一 条 白色 直线 ， 然 后 使 用 “矩形 选 框 工 具 ” 懂 ， 在 直线 边缘 绘制 矩形 选区 ， 效 果 如 图 4-15 所 


小 \。 


图 4-15 ”直线 画笔 


按 Ctrl+D 组 合 键 取消 选区 。 使 用 同样 的 方法 制作 另 一 个 草 曼 缠绕 文字 的 效果 ， 如 图 4-16 所 示 。 
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图 4-16 草 蔓 缠绕 文字 


使 用 “ 横 排 文字 工具 ”° 居 输 入 与 店 招 相对 应 的 文本 ， 如 图 4-17 所 示 ， 


站 \ —welcome to shop 


图 4-17 输入 文字 


14 绘制 一 个 正 圆 选 区 ， 打 开 “ 户 外 服装 01” 素 材 ， 按 Ctrl+A 组 合 键 调 出 整个 对 象 的 选区 ， 再 按 Ctrl+C 组 合 键 ， 回 到 新 建 
文档 中 ， 执 行 菜单 栏 中 的 “编辑 /选择 性 粘贴 / 贴 入 ”命令 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 调 整 大 小 ， 效 果 如 图 4-18 所 示 。 
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图 4-18” 贴 入 素材 


” 按 Enter 键 完成 变换 。 选 择 “ 自 定义 形状 工具 ” 人 s. 在 “ 自 定 义 形 状 拾 色 器 ”中 选择 “封印 ”， 在 店 招 中 贴 入 素材 的 
后 面 绘 制 日 色 封 Ej， 效果 如 图 4-19 所 示 。 
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图 4-19 ”绘制 形状 


新 建 图 层 ， 绘 制 一 个 青色 椭圆 ， 效 果 如 图 4-20 所 示 。 
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图 4-20 ”绘制 椭 


” 再 打开 另外 的 “帐篷 和 鞋 ” 素 材 ， 使 用 同样 的 方法 制作 户外 商品 的 贴 入 效果 ， 如 图 4-21 所 示 。 
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图 4-21 店 招 中 图 像 


新建 图 层 ， 在 文档 的 两 边 绘制 两 个 日 色 矩 形 条 ， 并 设置 “混合 模式 ”为 “饱和 度 ”， 效 果 如 图 4-22 所 示 。 


国 乐 乐 户外 移动 号 店 招 .psd @ 100% [ 边 捧 风 RGB/8) 


Ve hd 、 久 诈 : 图 sf 中 自 填充 : |100% 


of 


100% IEE 也 和 :375.0K/11.3M 


二 -二 ~ "welcome to shop 
外 Ga eR 1 


Hi 


图 4-22 ”绘制 矩形 并 设置 混合 模式 


9 新建 一 个 图 层 ， 使 用 “ 自 定义 形状 工具 ” 旷 ， 绘 制 白色 雪花 并 调整 不 透明 度 ， 至 此 移动 端 店 招 制作 完毕 ， 效 果 如 图 4- 


23 所 让 。 
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图 4-23 最终 效 果 


单列 图 像 在 移动 端 网 店 中 可 以 分 为 “宝贝 类 ”和 “图 文 类 ”，“ 宝 贝 类 ”中 的 单列 用 来 显示 发 布 宝 贝 的 图 片 ， 通 常 系统 会 自 
动 按照 淘宝 中 上 传 的 宝贝 ， 按 照 手 机 屏幕 自行 显示 在 单列 图 像 中 ; “图 文 类 ”中 的 单列 图 像 ， 可 以 将 自己 设计 制作 的 广告 宣传 图 
添加 到 于 此 ， 此 类 的 图 片 大 小 在 移动 端 网 店 中 按 608 像 素 x (200 ~ 960) 像素 进行 预先 设置 。 本 节 就 为 大 家 讲解 一 个 关于 户外 商 
品 的 单列 图 像 广告 的 制作 ， 如 图 4-24 所 示 ， 具 体操 作 如 下 。 
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图 4-24 ”户外 商品 单列 图 像 广告 


01 在 制作 广告 图 之 前 先 对 其 进行 页 面 的 布局 草图 ， 为 设计 先行 绘制 一 个 板式 框架 ， 如 图 4-25 所 示 。 


文字 信息 


图 4-25 布局 草图 


02 ”执行 菜单 栏 中 的 “文件 /新 建 ”命令 或 按 Ctrl+ N 组 合 键 ， 新 建 一 个 “宽度 ”为 608 像 素 ，“ 高 度 ”为 336 像 素 ，“ 分 辩 
率 " 为 72 像 素 /英寸 的 空白 文档 ， 新 建 一 个 图 层 ， 使 用 国 避 和 矩 形 选 框 工具 ”绘制 一 个 小 矩形 选区 ， 再 使 用 “渐变 工具 ”国内 
上 向 下 拖 动 鼠标 填充 从 (R: 140，G: 199，B: 253) 到 (R: 33，G: 146，B: 251) 的 线性 渐变 ， 如 图 4-26 所 示 。 


图 4-26 ”渐变 填充 


03 ”新 建 一 个 图 层 ， 将 选区 填充 为 日 色 ， 设置 “不 透明 度 ” 为 85%， 如 图 4-27 所 示 。 


图 4-27 ”设置 不 透明 度 


04” 按 Ctrl+D 组 合 键 取消 选区 。 新 建 一 个 图 层 ， 使 用 “多 边 形 工具 ”| 于 绘制 一 个 选区 ， 再 使 用 “渐变 工具 ”国信 上 向 下 
拖 动 鼠标 填充 从 (R: 140，G: 199，B: 253) 到 (R: 33，G: 146，B: 251) 的 线性 渐变 ， 如 图 4-28 所 示 . 


图 4-28 为 多 边 形 填充 渐变 色 


05“ 按 Ctrl+ D 组 合 键 取 消 选 区 。 使 用 “ 横 排 文 字 工具 ”上 全 加 输入 文字 ， 设 置 一 个 自己 喜欢 的 字体 ， 并 调整 “不 透明 度 ”， 
效果 如 图 4-29 所 示 。 


图 4-29 输入 文字 


06 执行 菜单 栏 中 的 “文件 /打开 ”命令 或 按 Ctrl+O 组 合 键 ， 打开“ 素材 /第 4 章 /冲锋 衣 001、 冲 锋 衣 002”″ 素材， 使 用 “ 魔 
术 橡皮 擦 工具 ”加 在 “冲锋 衣 001” 素 材 背景 上 单 击 ， 去 掉 白 色 背 景 ， 效 果 如 图 4-30 所 示 。 


图 4-30 ”打开 素材 


07 ”将 去 掉 背 景 的 “冲锋 衣 001” 素 材 拖 动 到 单列 图 像 文档 中 并 调整 大 小 ， 然 后 使 用 (= 
002” 中 的 右面 人 物 图 像 ， 将 其 拖 动 到 单列 图 像 文档 中 并 调整 大 小 ， 使 用 “魔术 橡皮 擦 工具 ” 
图 4-31 所 示 。 


( 算 形 选 框 工具 ) 框 选 “ 冲 锋 衣 


可 单 击 白色 背景 去 掉 背 景 ， 如 


图 4-31 移入 素材 


08 按 住 Ctrl 键 单 击 “ 图 层 4” 缩 略图 ， 调 出 选区 ， 新 建 “ 图 层 6”， 将 其 填充 为 黑色 ， 如 图 4-32 所 示 。 


回力 工 蕊 明 四 


| 知 [Ge 
RE: 图 中 轴 填 达 :| 100%| ~ 


图 4-32 ”新 建 图 层 并 填充 


09 按 Ctrl+T 组 合 键 调 出 变换 框 ， 按 住 Ctrl 键 抱 动 控制 点 调整 形状 ， 效 果 如 图 4-33 所 示 。 


图 4-33 ”调整 形状 


10” 按 Ctrl+D 组 合 键 取 消 选区 ， 执 行 茉 单 栏 中 的 “ 渡 镜 /模糊 /高 斯 模糊 ”命令 ,打开 “高 斯 模糊 ”对 话 框 ， 其 中 的 参数 设 
置 如 图 4-34 所 示 。 


半径 (R): 像素 


图 4-34 “高 斯 模糊 ”对 话 框 


11 设置 完毕 后 单 击 “ 确 定 ” 按 钮 ,设置 “不 透明 度 ” 为 24%， 如 图 4-35 所 示 。 


攻守 | 再生 | 知 并 | 画 
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图 4.35 “调整 不 透明 度 


12， 使 用 “ 横 排 文字 工具 ” 剧 王 输入 合适 的 文字 ， 并 调整 文字 颜色 和 字体 ， 效 果 如 图 4-36 所 示 。 


Sale! 


上 新 日 :9.10-9.20 


图 4-36 ”输入 文字 


13 新建 图 层 ， 分 别 使 用 “ 自 定义 形状 工具 ” 国 ， “椭圆 工具 ”| 畏 | 及 “矩形 工具 ” 国 蝇 ， 在 文字 后 面 绘制 形状 作为 文字 


的 底 讨 ， 再 使 用 “直线 工具 ” 属 呈 绘制 黑色 线条 ， 效 果 如 图 4-37 所 示 。 


Sale! 
BE@ + 


上 新 日 : 9.10-9.20 
限时 特惠 [位 击 查看 


图 4-37 ”绘制 形状 


14 “在 文档 左 侧 使 用 “直线 工具 ”民生 绘制 “#dc459f” 颜色 的 线条 ， 再 使 用 “ 直 排 排 文字 工具 ” 国 输 入 白色 文字 ,效果 
如 图 4-38 所 示 ， 
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图 4-38 ”绘制 直线 并 输入 文字 


15 ”使 用 “ 栖 圆 工具 ”国会 制 “ 个 “dc459f” 颜色 的 正 圆 ， 如 图 4.39 所 示 ， 
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图 4-39 ”绘制 正 


16 ”执行 菜单 柱 中 的 “图 层 / 图 层 样式 / 接 边 ”命令 ,打开 “图 层 样式 ”对 话 框 ， 其 中 的 参数 设置 如 图 4-40 所 示 。 
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图 4-40 “图 层 样式 ”对 话 框 


17 设置 完毕 后 单 击 “ 确 定 


”按钮 ， 再 使 用 “ 横 排 文字 工具 ” 时 输入 合适 的 文字 ， 效果 如 图 4-41 所 示 。 


E Sale 


图 4-41 添加 图 层 样式 后 


18 执行 菜单 栏 中 的 “文件 /打开 ”命令 或 按 Ctrl+O 组 合 键 ， 打 开 “ 款 材 / 第 4 章 / 蝴 蛛 ” 素 材 ， 如 图 4-42 所 示 。 


上 新 日 : 9.10-9.20 
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图 4-42 ”打开 素材 


19 将 “蝴蝶 ”素材 中 的 图 像 拖 动 到 单列 图 像 文 档 中 ， 至 此 本 例 制作 完毕 ， 效 果 如 图 4-43 所 示 。 


限时 特惠 


图 4-43 ”最 终 效果 


20 ”使 用 同样 的 方法 可 以 制作 出 另外 几 种 配色 单列 图 像 以 备 后 用 ， 效 果 如 图 4-44 所 示 。 


折 
上 新 日 ; 9.10-9.20 


#699e20 #6ebb512 #000000 


#685987 #f62938 #000000 


图 4-44 ”单列 图 像 


4.4 双人 图 像 设 计 与 制作 


双 列 图 像 模 块 在 移动 尊 网 店 中 分 布 企 “宝贝 类 ”和 “图 文 类 ”， 可 以 通过 双 列 图 像 展 示 多 个 商品 的 宣传 效果 ， 从 中 查看 关于 
此 类 商品 的 图 像 宣 传 ， 在 移动 端 网 店 中 按 296 像 素 x160 像 素 进 行 预先 设置 。 本 节 束 为 大 家 讲解 一 个 天 于 户外 商品 店铺 的 双 列 图 
像 广告 的 制作 ， 如 图 4-45 所 示 ， 有 具体 操作 如 下 。 


图 4-45” 双 列 图 像 


01 在 制作 双 列 广告 图 之 前 先 对 其 进行 页 面 的 布局 草图 ， 为 设计 先行 设计 一 个 框架 ， 如 图 4-46 所 示 。 


图 4-46 布局 草图 


02 ”执行 荣 单 栏 中 的 “文件 /新 建 ”命令 或 按 Ctrl+ N 组 合 键 ， 新 建 一 个 “宽度 ”为 296 像 素 ，“ 高 度 ” 为 160 像 素 ，“ 分 辩 
率 ” 为 72 像 素 /英寸 的 空白 图 像 ， 使 用 “渐变 工具 ” 国 由 从 上 向 下 拖 动 鼠标 填充 从 (R: 140，G: 199，B: 253) 到 (R: 
33，G: 146，B: 251) 的 线性 渐变 ， 如 图 4-47 所 示 。 


图 4-47 ”新 建文 档 并 填充 渐变 


03 ”新建 一 个 图 层 ， 将 前 景色 设置 为 (R: 209，G: 26，B: 114) 色 ， 使 用 “画笔 工具 ”[ “画笔 失色 器 ”中 选择 “ 冉 
雾 ”画笔 ， 在 页 面 中 绘制 一 个 烟雾 笔触 ， 如 图 4-48 所 示 . 


A -| 为 四国 | 攀 t: [ 琵 | 
大 小 : 司 |298 绥 素 | 等: 
: = 


图 4-48 ”绘制 和 画笔 


04 设置 “混合 模式 ”为 “划分 ”，“ 不 透明 度 ” 为 42%， 效 果 如 图 4-49 所 示 。 


图 4-49 ”设置 混合 模式 


05 ”新 建 一 个 图 层 ， 使 用 “本 圆 工具 ”| 园 j 绘 制 一 个 “紫色 ” 正 圆 ， 再 绘制 一 个 白色 正 圆 ， 效 果 如 图 4-50 所 示 。 


| 


图 4-50 ”绘制 正 


06 复制 一 个 “紫色 ” 正 加 ,使 用 “椭圆 选 框 工具 ” 图 j 在 上 面 绘制 一 个 正 圆 选区 ， 清除 选区 内 容 ， 效 果 如 图 4-51 所 示 。 


08 ”打开 “素材 /第 4 章 / 冲 锋 衣 008”， 使 用 “魔术 橡皮 擦 工具 


图 4-51 创建 选区 删除 内 容 


按 Ctrl+D 组 合 键 取 消 选区 ， 再 复制 一 个 月 牙 图 形 ， 效 果 如 图 4-52 所 示 。 


图 4-52 ”绘制 月 牙 


在 白色 背景 上 单 击 去 掉 背 景 ， 如 图 4-53 所 示 ，。 


图 4-53 ”打开 素材 


09 ”将 素材 拖 动 到 双 列 图 像 文 档 中 并 调整 大 小 ， 然 后 为 图 层 添加 图 层 蒙 版 ， 使 用 “画笔 工具 " 国 在 衣服 下 部 涂抹 黑色 ， 效 
果 如 图 4-54 所 示 。 


[于 这 :| 不 通明 度 : [100%] - ] 
We: Ed sa J 


图 4-54 ”编辑 蒙 版 


10 ”新 建 图 层 ,， 使 用 “ 彬 圆 选 框 工具 ” 加 | 绘制 一 个 “羽化 ” 值 为 3 的 李 圆 选区 ， 将 其 填充 为 紫色 并 调整 不 透明 度 ， 效 果 如 
图 4-55 所 示 。 


图 4-55 ”绘制 椭圆 选区 


按 Ctrl+D 组 合 键 取消 选区 ， 使 用 “ 模 排 文字 工具 国 国 输入 与 之 对 应 的 文字 ， 如 图 4-56 所 示 。 


户外 冲锋 衣 


Outdoor suit 


由 = 0 :一 Se 


图 4-56 ”输入 文字 


12 执行 荣 单 栏 中 的 “图 层 /图 层 样式 / 投 影 " 命令 ， 打 开 “ 图 层 样 式 ”对 话 框 ， 设 置 参数 后 单 击 “ 确 定 ”按钮 ， 如 图 4-57 
所 示 。 
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图 4-57 参数 及 效果 


设置 “投影 ” 


13， 新 建 图 层 ， 使 用 “ 圆 角 矩 形 工具 ” 国 昌 绘制 一 个 紫色 的 圆 角 和 矩形， 并 在 上 面 输入 文字 ， 如 图 4-58 所 示 . 


户外 冲锋 衣 


Outdoor suit 


图 4-58 键入 文字 


14 


将 白色 圆 角 和 矩形 和 “ 买 ” 字 一 同 选取 ， 复 制 一 个 副本 ， 按 Ctrl+E 组 合 键 将 副本 合并 。 执 行 菜单 栏 中 的 “编辑 /变换 /垂直 
翻转 ”命令 ， 为 图 层 添加 图 层 蒙 版 ， 使 用 “渐变 工具 ” 国 从 下 向 上 填充 从 白色 到 黑色 的 线性 渐变 ， 效 果 如 图 4-59 所 示 。 
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图 4-59 ”编辑 蒙 版 


15 新建 一 个 图 层 ， 绘 制 一 个 椭圆 选区 并 填充 为 黑色 ， 调 整 其 不 透明 度 ， 制 作 阴 影 效 果 ， 人 至 此 本 例 制作 完毕 ， 效 果 如 图 4- 


户外 冲锋 衣 
Outdoor suit 


图 4-60 ”最 终 效 果 


16 ”使 用 同样 的 万 法 制作 另外 几 个 双 列 图 像 ， 效 果 如 图 4-61 所 示 。 


图 4-61 ” 双 列 图 像 


4.5 ”新 / 老 客 图 像 设 计 与 制作 


在 移动 端 网 店 中 新 客 与 老 客 图 片 模式 ， 和 存放 的 图 像 可 以 目 动 针对 新 客 己 与 老 客 尸 ， 对 于 没有 在 该 店铺 中 购买 过 商品 的 新 浏览 
者 ， 在 手机 端 自动 显示 新 客 图 片 ， 如 果 已 经 买 过 商品 了 ， 在 手机 端 会 显示 针对 老 客 户 的 老 客 图 片 。 在 移动 端 网 店 中 新 客 与 老 客 图 
片 模块 按 608 像 素 x336 像 素 进行 预先 设置 ， 本 书 束 为 大 家 讲解 一 个 天 于 尸 外 商品 店铺 的 新 / 老 客 图 像 广 告 的 制作 ， 如 图 4-62 所 
示 ， 具 体操 作 如 下 。 


高 度 : 40cm 50cm 60cm OO 


颜色 ”红色 紫色 绿色 监 色 C 
黑色 姜黄 色 


一 马上 订购 


上 喘 价 : 500 元 600 元 900 元 〇 
育 包 隔断 


图 4-62 新 客 与 老 客 图 像 


01 我 们 需要 制作 的 新 客 与 老 客 图 像 都 是 在 素材 基础 上 进行 操作 的 ， 诈 移 要 打开 素材 。 执 行 菜单 栏 中 的 “文件 /打开 ”命令 
或 按 Ctrl+O 组 合 键 ， 打 开 “ 素 材 /第 4 章 /户外 妆 备 001” 素 材 ， 如 图 4-63 所 示 。 


图 4-63 ”打开 素材 


02， 在 工具 箱 中 选择 “裁剪 工具 ”| 区 |， 在 属性 栏 中 选择 “ 宽 x 高 x 分 辨 率 " ， 设 置 “宽度 "为 608 像 素 ，“ 高 度 ” 为 366 像 
素 ，“ 分 辨 率 " 为 “72 像 素 /英寸 ”， 如 图 4-64 所 示 . 


图 4-64 设置 “裁剪 工具 


03 ”工具 属性 设置 完成 后 ， 使 用 女 标 在 图 像 中 拖 动 一 个 裁 况 框 ， 按 Enter 键 完成 裁 章 ， 如 图 4-65 所 示 。 


下 


图 4-65 ” 栽 剪 图像 


04 新 建 一 个 图 层 ， 使 用 “条 形 工具 ”上 绘制 一 个 蓝 色 给 形 ， 并 设置 “不 透明 度 ” 为 49%， 效 果 如 图 4-66 所 示 . 


EE : 
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图 4-66 ”设置 不 透明 度 


05 ”新 建 一 个 图 层 ， 使 用 “直线 工具 ”用 绘制 白色 线条 ， 效 果 如 图 4-67 所 示 。 


"| [名 ”| 机 tk: [党 。 |] 才 明 度 : [100%| - |] 苛 清 币 齿 | 日。 局 这 | 痔 相 血 : [2 像素 | [对齐 边 这 


图 4-67 ”绘制 线条 


06 新建 一 个 图 层 ， 使 用 “ 自 定义 形状 工具 ” 国 | 绘 制 一 个 白色 “ 圆 环 ” 图 形 ， 按 住 Alt 键 的 同时 向 下 拖 动 复制 副本 ， 效 果 
如 图 4-68 所 示 。 
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图 4-68 绘制 圆 环 


使 用 “ 横 排 文字 工具 ” 国 量 输入 与 老 客 图 片 相对 应 的 文字 ， 效 果 如 图 4-69 所 示 。 


图 4-69 ”输入 文字 


新 建 一 个 图 层 ， 选 择 “ 圆 角 矩 形 工具 ” 国 由 ， 在 属性 栏 中 设置 “半径 ”为 8 像素 绘制 一 个 白色 圆 角 和 矩形， 在 圆 角 和 矩形 


上 面 输 入 绿色 文字 “装备 包 ”， 效 果 如 图 4-70 所 示 。 


: |100%| - | [Vi 江 $$ 锯 上 。 1! 登 | 区 半径 : 8 像素 | [对齐 边 


图 4-70 ”绘制 圆 角 矩形 并 输入 文字 


再 次 新 建 一 个 图 层 ， 使 用 “ 圆 角 和 矩形 工具 ”″ 上 则 绘制 一 个 绿色 圆 角 和 矩形， 并 在 上 面 输入 白色 文字 “马上 订购 ”， 如 图 
4-71 所 示 ， 


图 4-71 绘制 圆 角 和 珑 形 并 输入 文字 


再 次 新 建 图 层 ， 使 用 “直线 工具 ” 居中 绘制 绿色 线条 ， 然 后 使 用 “椭圆 工具 ”| 园 j 绘制 绿色 正 圆 ， 复 制 一 个 副本 并 移动 
位 置 ， 效 果 如 图 4-72 所 示 。 


图 4-72 ”绘制 线条 和 正 园 


新 建 图 层 ， 使 用 “ 自 定义 形状 工具 ” 国 绘制 一 个 白色 “钥匙 ”图形 ， 效 果 如 图 4-73 所 示 。 
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图 4-73 ” 老 客 图 片 最 终 效 果 


在 右 侧 底 部 绘制 绿色 圆 角 窍 形 ， 并 在 上 面 输入 日 色 文字 “紧身 随行 ”， 人 至 此 本 例 制 作 完毕 ， 效 果 如 图 4-74 所 示 。 


图 4-74 老 客 图 片 


13 ”使 用 同样 的 方法 可 以 制作 出 其 他 新 客 图 像 以 备 后 用 ， 效 果 如 图 4-75 所 示 。 
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背包 隔断 


图 4-75 ”新 客 图 片 


4.6 ” 焦 操 图 设计 与 制作 


LN 


无 论 是 电脑 端 还 是 在 移动 端 网 店 中 的 焦点 图 ， 都 是 在 页 面 中 进行 轮 播 显示 的 ， 通 过 轮 播 及 焦点 图 本 身 的 吸引 ， 可 以 大 大 增加 
店铺 的 流量 。 在 移动 端 网 店 中 焦点 图 模块 图 片 的 大 小 按 640 像 素 x320 像 素 进 行 预先 设置 ， 本 节 就 为 大 家 讲解 一 个 关于 户外 店 商 
品 店铺 的 两 张 焦点 图 图 片 三 告 的 制作 ， 如 图 4- 76 所 示 。 


图 4-76 ”焦点 图 


执行 菜单 栏 中 的 “文件 /新 建 ” 命 令 或 按 Ctrl+N 组 合 键 ， 新 建 一 个 “宽度 ”为 640 像 素 ，“ 高 度 ” 为 320 像 素 ，“ 分 辨 
率 ” 为 72 像 素 / 英 寸 的 空 日 图 像 。 再 执行 菜单 栏 中 的 “文件 /打开 ”命令 或 按 Ctrl+O 组 合 键 ， 打开“ 素材 /第 4 章 /跳跃 、 商 场 
02” 素 材 ， 如 图 4-77 所 示 。 


图 4-77 ”打开 素材 


将 “跳跃 ”素材 拖 动 到 新 建 的 文 要 中 ， 调 整 大 小 后 ， 使 用 “多 边 形 套 泰 工具 ” 时 绘制 选 区 ， 如 图 4-78 所 示 。 
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图 4-78 ”移入 素材 并 绘制 选区 


选择 “商场 02” 素材 ， 按 Ctrl+A 组 合 键 全 选 整 个 文档 ， 再 按 Ctrl+C 组 合 键 拷贝 内 容 。 回 到 新 建文 档 中 ， 执 行 菜单 栏 中 
的 “编辑 /选择 性 粘贴 / 贴 入 ”命令 ， 为 其 创建 贴 入 蒙 版 并 调整 图 像 大 小 ， 如 图 4-79 所 示 。 


:| 乔 开 是 ;|ioo%| > 
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图 4-79 ” 贴 入 素材 


选择 “图 层 1”， 执 行 菜单 柱 中 的 “图 像 /调整 /色相 /饱和 度 ” 命 令 ，, 打开 “色相 /饱和 度 ” 对 话 框 ,其 中 的 参数 设置 如 
图 4-80 所 示 。 


许 记 /饱和 度 
| 预 设 (E): ” 自 定 


z “ 回 着 色 (0) 
135°/165° 195°\225° | 清和 2 二 六 点 (Pp) 


图 4-80 “色相 /饱和 度 ”对话 框 


设置 完毕 后 单 击 “确定 ”按钮 ， 效 果 如 图 4-81 所 示 。 


+ 


图 4-81 调整 色相 /饱和 度 后 效果 


06 ”执行 菜单 栏 中 的 “文件 /打开 ”命令 或 按 Ctrl+ O 组 合 键 ， 打 开 “素材 /第 4 章 / 办 公 人 物 002” 素材 ， 使 用 “快速 选择 工 
具 ”[ 国 在 腿 部 拖 动 创建 选区 ， 效 果 如 图 4-82 所 示 。 


图 4-82 ”打开 素材 


07 ”将 选区 内 的 图 像 拖 动 到 新 建文 档 中 ， 按 Ctrl+T 组 合 键 调 出 变化 框 ， 调 整 大 小 和 方向 ， 效 果 如 图 4-83 所 示 。 


图 4-83 ”调整 素材 


2. 


按 Enter 键 完成 变换 ， 使 用 “橡皮 擦 工具 " 擦 除 两 个 图 像 交 接 的 位 置 ， 效 果 如 图 4-84 所 示 。 


图 4-84 ” 擦 除 图 像 


此 时 友 现 腿 后 面 的 两 个 图 像 对 比 不 能 很 好 地 突出 腿 图 像 ， 选 择 “ 图 层 2”， 执 行 菜 单 栏 中 的 “图 像 /调整 /色相 /饱和 
度 ” 命 令 , 打开 “色相 /饱和 度 ” 对 话 框 ， 其 中 的 参数 设置 如 图 4-85 所 示 。 
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图 4-85 “色相 /饱和 度 ”对话 框 


设置 完毕 后 单 击 “确定 ”按钮 ， 效 果 如 图 4-86 所 示 。 


图 4-86 ”调整 后 色相 /饱和 度 效 果 


使 用 “ 横 排 文字 工具 ”大 曲 输 入 与 本 焦点 图 相对 应 的 文字 ， 效 果 如 图 4-87 所 示 。 


图 4-87 焦点 图 01 最 终 效果 


执行 菜单 栏 中 的 “文件 /打开 ”人 鳄 令 或 按 Ctrl+O 组 合 键 ， 打开“ 素材 /第 4 章 / 帐 过 4” 素 材 ， 如 图 4-88 所 示 。 


图 4-88 ”打开 素材 


2 ， 在 属性 栏 中 选择 “ 宽 x 高 x 分 辨 率 ”， 设 置 “宽度 ”为 640 像 素 ，“ 高 度 ” 为 320 像 
素 ，“ 分 辨 率 " 为 “72 像 素 /英寸 ”， 如 图 4-89 所 示 。 


02 ”在 工具 箱 中 选择 “裁剪 工具 ”| 


图 4-89 设置 “ 裁 剪 工具 


03 ”工具 属性 设置 完成 后 ， 使 用 鼠标 在 图 像 中 拖 动 一 个 裁剪 框 ， 按 Enter 键 完成 裁剪， 如 图 4-90 所 示 。 


图 4-90” 栽 前 图像 


04 新建 图 层 ， 使 用 “ 自 定义 形状 工具 ”|l 国 绘制 一 个 红色 “ 心 形 ” 图形， 设置 “不 透明 度 ” 为 17%， 然 后 复制 图 层 ， 
将 “不 透明 度 ” 设 置 为 100%， 如 图 4-91 所 示 。 


6 -© 加 国人 闪 
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图 4-91 ”绘制 心 形 


05 按 住 Ctrl 键 单 击 “ 图 层 1 拷贝 ”的 图 层 缩 略图 ， 调 出 心 形 选区 ， 执 行 菜单 栏 中 的 “选择 /修改 / 汐 化” 命令， 打开“ 羽化 
选区 ”对 话 框 ， 设 置 “ 羽 化 半径 ”为 15 像 素 ， 如 图 4-92 所 示 。 


时 图 层 鞋 拷 内 本 


图 4-92 ”羽化 选区 


06 按 Delete 键 清除 选区 内 容 ， 效 果 如 图 4-93 所 示 。 


图 4-93 ”清除 选区 内 容 


07 按 Ctrl+D 组 合 键 取 消 选 区 。 新 建 一 个 图 层 ， 在 心 形 的 左上 角 绘 制 4 个 白色 起 形 框 ， 如 图 4-94 所 示 。 


图 4-94 ”绘制 矩形 框 


08 单 击 “ 图 层 ”面板 中 的 “添加 图 层 莹 版 回 ， 添 加 图 层 蒙 版 ， 使 用 “渐变 工具 ”′ 国 中 从 左上 向 右 下 拖 动 填充 从 白色 
到 黑色 的 线性 渐变 ， 设 置 “ 不 透明 度 ” 为 62%， 效 果 如 图 4-95 所 示 ， 


图 4-95 ”添加 图 层 并 填充 渐变 蒙 版 


09 新建 图 层 ， 使 用 “直线 工具 ” 居 儿 绘制 红色 线条 ， 再 复制 并 缩小 心 形 图 形 和 正 圆 形 图 形 ， 分 别 调整 不 透明 度 后 ， 将 心 
形 的 方向 进行 调整 ， 效 果 如 图 4-96 所 示 。 


图 4-96 ”绘制 图 形 


图 4-97 输入 文字 


11 ”选择 心 形 上 面 的 文字 ， 执 行 菜单 栏 中 的 “图 层 / 图 层 样式 /外 友 光 ”命令 ,打开 “图 层 样式 ”对 话 框 ， 其 中 的 参数 设置 如 
图 4-98 所 示 。 
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图 4-98 “图 层 样式 ”对 话 框 


12 设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 在 “图 层 ” 面 板 中 调整 “填充 ”为 0%， 效 果 如 图 4-99 所 示 。 
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TR 


图 4-99 ”调整 填充 


13 至此， 焦点 图 02 制 作 完毕 ， 效 果 如 图 4-100 所 示 。 


图 4-100 焦点 图 02 最 终 效果 


4.7” 左 文 石 图 模块 设计 与 制作 


左 文 右 图 的 图 片 模式 是 移动 锯 网 店 特有 的 一 种 图 片 宣传 效果 。 在 移动 端 网 店 中 左 文 右 图 图 片 的 大 小 按 608 像 素 x160 像 素 进 
行 预先 设置 ， 本 节 丈 为 大 家 讲解 一 个 关于 毛 绒 玩 具 店 铺 的 左 文 右 图 图 片 广告 的 制作 ， 具 体操 作 如 下 。 


01 执行 菜单 栏 中 的 “文件 /新 建 ” 命 令 或 按 Ctrl+N 组 合 键 ， 新 建 一 个 “宽度 ”为 608 像 素 ，“ 蜗 度 ” 为 160 像 素 ，“ 分 辨 
率 ” 为 72 像 素 / 严 寸 的 空 日 图 像 。 表 执行 菜单 中 的 “文件 /打开 ”命令 或 按 Ctrl+O 〇 组 合 键 ， 打 开 “素材 /第 4 章 /天 空 和 花纹 ” 素 
材 ， 将 其 拖 动 到 “ 左 文 右 图 ”文档 中 ， 如 图 4-101 所 示 。 


国 左 立 种 因 01.psd 多 100% (图 层 2 RGB/8)* 


100% [0 冯 档 :285.0K15334M 


图 4-101 移入 素材 


02 选择 “花纹 ”所 在 的 图 层 ， 复 制 一 个 副本 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 中 心 点 到 右 人 出， 并 调整 大 小 及 旋转 ， 如 
图 4-102 所 示 。 


图 4-102 ”变换 素材 


03 按 Enter 键 完成 变换 ， 再 按 Ctrl+Sshift+Alt+T 组 合 键 进行 旋转 复制 ， 效 果 如 图 4-103 所 示 。 


图 4-103 ”旋转 复制 变换 


04 将 复制 的 图 层 一 同 选取 ， 按 Ctrl+E 组 合 键 合并 选择 的 图 层 ， 然 后 复制 合并 后 的 图 层 ， 执 行 菜单 栏 中 的 “编辑 /变换 /水 平 
翻转 ”命令 ， 翻 转 后 向 右 移 动 位 置 ， 再 打开 “人 花纹 ”素材 并 将 其 抱 动 到 当前 文档 中 ， 效 果 如 图 4-104 所 示 。 


图 4-104 水 平 翻转 


05 打开 “素材 /第 4 草 / 影 素材 , 将 “ 影 ” 素材 拖 动 到 “ 左 文 右 图 ”文档 中 ， 效 果 如 图 4-105 所 示 。 
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图 4-105 ”移入 素材 


06 打开 “素材 /第 4 齐 / 冲 锋 衣 006” 素 材 ， 使 用 “魔术 橡皮 擦 工具 ”加 在 白色 背景 上 单 去 掉 背 景 ， 选 择 中 间 的 人 物 ， 将 
其 拖 动 到 “ 左 文 右 图 ”文档 中 并 调整 大 小 ， 效 果 如 图 4-106 所 示 。 
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图 4-106 ”移入 素材 


07 新建 图 层 ， 使 用 “和 起 形 工具 ” 国 昌 绘制 一 个 白色 矩形 ， 调整 “不 透明 度 ” 为 41%， 输 入 文字 完成 左 文 右 图 的 制作 ， 效 果 


如 图 4-107 所 示 。 


图 4-107 


左 文 右 图 


08 ”使 用 同样 的 方法 制作 其 他 的 左 文 右 图 ， 效 果 如 图 4-108 所 示 。 
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图 4-108 ” 左 文 右 图 


4.8 ”活动 头 图 片 模 块 设计 与 制作 
活动 头 图 片 模式 是 移动 端 网 店 自 定义 装修 界面 特有 的 一 种 图 片 宣传 效果 。 在 移动 端 网 店 中 活动 头 图 片 的 大 小 按 640 像 素 
x 304 像 素 进行 预先 设置 ， 本 节 就 为 大 家 讲解 一 个 关于 户外 用 品 店铺 的 活动 头 图 片 广告 的 制作 ， 具 体操 作 如 下 。 


01 新 建 一 个 “宽度 ”为 640 像 素 ，“ 高 度 ” 为 304 像 素 ，“ 分 辨 率 ′ 为 72 像 素 /英寸 ,命名 为 “活动 头 图 片 ”的 空白 文 
档 . 


02 执行 菜单 栏 中 的 “文件 /打开 ”命令 , 打开 “素材 /第 4 章 /天 空 背 景 ” 素 材 ， 如 图 4-109 所 示 。 


图 4-109 ”打开 素材 


03 将 “天 空 硼 景 ” 素 材 中 的 图 像 拖 动 到 “全 屏 轮 播 图 ”文档 中 ， 按 Ctrl+T 组 合 键 将 其 调整 到 与 背景 大 小 相 一 致 ， 近 Enter 
键 完 成 变换 ， 效 果 如 图 4-110 所 示 。 


图 4-110 ”移入 素材 调整 大 小 


04 ”执行 菜单 栏 中 的 “文件 /打开 ”命令 或 按 Ctrl+O 〇 组 合 键 ， 打开“ 素材 文件 /第 4 草 / 鸟 ”素材 ， 如 图 4-111 所 示 。 


图 4-111 ”打开 素材 


05 使 用 “移动 工具 " 多 将 “ 岛 ”素材 中 的 图 像 拖 动 到 “全 屏 轮 播 图 ”文档 中 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 控制 
所 将 图 像 缩小 ， 效 果 如 图 4-112 所 示 。 
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图 4-112 图 像 变换 


06 “ 按 Enter 键 完成 变换 ， 使 用 “魔术 棒 工 具 ” 息 富 在 白色 区 域 单 击 创建 选区 ， 如 图 4-113 所 示 。 
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图 4-113 创建 选区 


07 ” 按 住 Alt 键 单 击 “ 添 加 图 层 蒙 版 ” 加 按钮 ， 将 选区 部 分 以 黑色 蒙 版 进行 遮 盐 ， 效 果 如 图 4-114 所 示 。 
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图 4-114 添加 蒙 版 


08 ”将 前 景色 设置 为 黑色 ， 使 用 “画笔 工具 ”| 加 ， 在 岛 下 面 的 阴影 处 进行 涂抹 ， 如 图 4-115 所 示 。 


图 4-115 ”编辑 蒙 版 


09 复制 “ 岛 ” 素 材 所 在 的 图 层 ， 得 到 拷贝 图 层 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 控制 点 将 图 像 放 大 ， 如 图 4-116 所 示 。 
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图 4-116 ”放大 图 像 


10” 按 Enter 刍 确认， 选择 蒙 版 缩 略 图 ， 将 蒙 版 填充 为 “黑色 ”， 如 图 4-117 所 示 。 
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图 4-117 填充 蒙 版 
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按 F5 键 打开 “画笔 ”面板 ， 设 置 画 笔 的 笔触 ， 其 中 的 参数 设置 如 图 4-118 所 示 。 
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图 4-118 “画笔 ” 面板 


12 将 前 景色 设置 为 白色 ,使 用 “画笔 工具 [图 在 蒙 版 中 进行 涂抹 ， 随 时 调整 画笔 大 小 ， 效 果 如 图 4-119 所 示 。 


正常 3 直 罗 明度 : 1005%| *] 


图 4-119 ”编辑 莹 版 


13 将 “图 层 2” 和 “图 层 2 拷 贝 ”图 层 一 同 选取 ， 疝 下 移动 ， 效 果 如 图 4-120 所 示 。 


图 4-120 ”移动 


14 ”执行 菜单 栏 中 的 “文件 /打开 ”′ 命 令 ， 打 开 “ 素 材 / 第 4 章 /登山 鞋 " 素材 ， 使 用 “魔术 橡皮 擦 工具 ”一 在 白色 背景 上 单 
击 ， 去 掉 图 像 的 背景 ， 如 图 4-121 所 示 。 


图 4-121 打开 素材 并 去 掉 背 景 


15 将 “登山 鞋 ” 素材 中 的 图 像 拖 动 到 “活动 头 图 片 ” 文 档 中 ， 按 Ctrl+T 组 合 键 调 出 变换 框 ， 拖 动 控 制 点 将 鞋子 调整 到 合 
适 大 小 并 旋转 ， 效 果 如 图 4-122 所 示 。 


图 4-122 图像 变 换 


16 按 Enter 键 完成 变换 ， 在 鞋子 所 在 图 层 的 下 万 新 建 一 个 图 层 ， 绘 制 一 个 椭圆 选区 ， 并 将 其 填充 为 黑色 ， 效 果 如 图 4-123 
所 示 。 


图 4-123 ”绘制 选区 并 填充 为 黑色 


17 按 Ctrl+D 组 合 键 取消 选区 ， 执 行 菜单 栏 中 的 “ 渡 镜 /模糊 /高 斯 模糊 ”命令 ,打开 “ 蜗 斯 模糊 ”对 话 框 ， 其 中 的 参数 设 
置 如 图 4-124 所 示 。 
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图 4-124 “高 斯 模糊 ”对 话 框 


18 设置 完毕 后 单 击 “确定 ”按钮 ,设置 “ 不 透明 度 ” 为 79%， 效 果 如 图 4-125 所 示 。 
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图 4-125 ”模糊 后 去 效果 


19 ”新 建 一 个 图 层 ， 使 用 “钢笔 工具 ”| 加 创建 一 条 曲线 路 径 ， 如 图 4-126 所 示 。 


图 4-126 ”绘制 路 径 


20 ”在 工具 箱 中 选择 “画笔 工具 ”| 多 后 ， 按 F5 键 打开 “画笔 ”面板 ， 分 别 设置 画笔 的 各 项 功能 ， 效 果 如 图 4-127 所 示 。 
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21 在 “路 径 ” 面 板 中 的 弹出 菜单 中 选择 “ 摘 边 路 径 ” 选 项 ， 打 开 “ 摘 边 路 径 ” 对 话 框 ， 选 择 “ 工 具 ” 为 “画笔 ”， 勾 
选 “ 模 拟 压 力 ” 复 选 框 ， 如 图 4-128 所 示 。 
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22 单 击 “确定 ”按钮 ， 为 路 径 进 行 画 笔 描 边 ， 如 图 4-129 所 示 。 


图 4-129 ” 描 边 后 去 效果 


23 在“ 路径” 面板 空白 处 单 击 隐 藏 路 径 。 回 到 “图 层 ”面板 ， 单 击 “ 添 加 图 层 蒙 版 回 按钮 ， 添 加 一 个 空白 蒙 版 ， 将 前 
景色 设置 为 黑色 ， 使 用 “画笔 工具 ”| 于 编辑 空白 蒙 版 ， 效 果 如 图 4-130 所 示 。 
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图 4-130 ”编辑 蒙 版 


24 执行 菜单 栏 中 的 “文件 /打开 ”命令 , 打开 “素材 /第 4 章 / 例 子 、 人 物 男 ”素材 ， 如 图 4-131 所 示 。 


图 4-131 ”打开 素材 


25 分 别 将 “ 饮 子 、 热 气球、 人 物 男 ”素材 拖 动 到 “全 屏 轮 播 图 ”文档 中 ， 调 整 大 小 并 移动 到 合适 的 位 置 ， 如 图 4-132 所 


个 \。 


图 4-132 ”移入 素材 


26 新 建 一 个 图 层 ， 选 择 “ 画 笔 工 具 ”′ | 到 ， 在 “画笔 拾 色 器 ”中 选择 云彩 画笔 ， 在 图 像 中 绘制 云彩 ， 效 果 如 图 4-133 所 


小 \。 


图 4-133 ”绘制 云彩 


27 ”利用 同样 的 方法 制作 人 物 脚 底 的 阴影 效果 如 图 4-134 所 示 。 


图 4-134 ”脚底 阴影 


28 ”绘制 一 个 绿色 正 圆 ， 效 果 如 图 4-135 所 示 。 


图 4-135 ”绘制 正 


29 ”选择 “铅笔 工具 ”入 ， 按 F5 键 打开 “画笔 ”面板 ， 其 中 的 参数 设置 如 图 4-136 所 示 。 
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图 4-136 ”设置 画笔 


30 新建 一 个 图 层 ， 选 择 “ 铝 笔 工具 ”| 甘 ， 按 住 Shift 键 绘制 两 条 黑色 线段 ， 效 果 如 图 4-137 所 示 。 


图 4-137 ”绘制 画笔 


31 ”使 用 “ 横 排 文 字 工具 ”上 罩 国 输入 文本 ， 调 整 文字 字体 、 大 小 及 颜色 ， 至 此 本 例 制 作 完毕 ， 效 果 如 图 4-138 所 示 。 
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图 4-138 ”活动 头 图 片 


32 ”为 不 同 的 商品 目 定 义 页 面 制 作 活 动 头 图 片 ， 效 果 如 图 4-139 所 示 。 


图 4-139 ”活动 头 图 片 


图 4-139 ”活动 头 图 片 ( 续 ) 


4.9 ”多 图 三 模块 设计 与 制作 


多 图 片 模式 是 移动 端 网 店 六 修 界面 特有 的 一 种 图 片 宣传 效果 ， 被 插入 的 图 片 可 以 在 屏幕 中 左右 疹 动 。 在 移动 端 网 店 中 多 图 片 
模块 的 大 小 按 248 像 素 x146 像 素 进行 预先 设置 ， 具 体操 作 步 骤 如 下 。 


01 执行 菜单 栏 中 的 “文件 /新 建 ”命令 或 按 Ctrl+N 组 合 键 ， 新 建 一 个 “宽度 ”为 248 像 素 ，“ 局 度 ” 为 146 像 素 ，“ 分 辨 
率 ” 为 72 像 素 /英寸 的 空 日 文档 ， 将 文档 填 苑 为 绿色 ， 如 图 4-140 所 示 。 


图 4-140 ”新 建文 档 并 填充 


02 ”使 用 “矩形 选 框 工具 ”用 时 绘制 一 个 答 形 先 区， 如 图 4-141 所 示 ， 
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图 4-141 绘制 矩形 选区 


03 执行 菜单 栏 中 的 “图 像 /调整 / 腕 厦 / 对 比 度 ” 谷 令 ， 打 开 “ 训 度 /对 比 度 ” 对 话 框 ， 其 中 的 参数 设置 如 图 4-142 所 示 。 
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图 4-142 “亮度 /对 比 度 ” 对 话 框 


04， 设置 完毕 后 单 击 “确定 ”按钮 ， 效 果 如 图 4-143 所 示 。 


图 4-143 ”调整 学 度 /对 比 度 后 效果 


05， 按 Ctrl+ D 组 合 键 取消 选区 ， 使 用 “ 横 排 文字 工具 ” 国 四 输入 文字 ， 效 果 如 图 4-144 所 示 。 
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图 4-144 ”输入 文字 


06 使 用 同样 的 方法 制作 另外 几 个 图 片 效 果 ， 如 图 4-145 所 示 。 
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图 4-145 ”多 图 模式 


07 新 建 一 个 “宽度 ”为 630 像 素 ，“ 高 度 ” 为 350 像 素 ，“ 分 辩 率 ”为 72 像 素 / 严 寸 的 空 晶 文档， 按照 此 类 方法 制作 一 
个 “天 天 特价 ”的 图 片 ， 效 果 如 图 4-146 所 示 。 


随时 都 会 有 惊喜 ! 
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图 4-146 ”天 天 特价 


第 5 草 ”移动 闹 店 铺 自 页 痰 修 实 战 


本 章 主 要 为 大 家 介绍 将 之 前 设计 制作 的 委 修 元 素 应 用 到 手机 网 上 店铺 首页 中 ， 完 成 最 终 的 委 修 效果 ， 使 手机 网 上 店铺 能 够 在 
手机 等 移动 设备 中 正常 运营 ， 使 经 营 者 真正 将 店铺 从 电脑 端 淘宝 开 到 手机 等 移动 端 设备 。 


重点 提示 

大 进入 手机 淘宝 装修 首页 

太 上 传 制作 完成 的 装修 元 素 图 片 到 图 片 空间 
大 店 招 与 店 标的 应 用 

大 插入 首 屏 广告 图 片 

大 插入 双 列 图 片 

大 插入 新 / 老 客 模块 

大 插入 焦点 图 模块 

大 插入 左 文 右 图 模块 


大 插入 多 图 模块 


太 插 入 宝贝 展示 效果 
大 插入 文本 


大 创建 链接 


5.1 ”进入 手机 淘宝 闪 修 首页 


手机 淘宝 中 的 各 个 元 素 制作 完毕 后 ， 融 该 将 其 应 用 到 手机 淘宝 中 了 ， 在 应 用 之 前 要 先 掌 握 如 何 进入 手机 淘宝 闭 修 界面 ， 具 体 
的 操作 步骤 如 下 。 


01 ”登录 淘宝 网 后 ， 执 行 菜单 栏 中 的 “卖家 中 心 ”， 进 入 后 人 台 ， 选 择 “ 我 是 卖家 /店铺 管理 /手机 淘宝 店铺 ”， 如 图 5-1 所 
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选择 手机 淘宝 店铺 


图 5-1 选择 手机 淘宝 店铺 


02 选择 “手机 淘 叹 店铺” 后， 在 右 仙 出现“ 无 续 店 铺 ”， 在 下 面 直接 单 击 “ 立 即 装修 ”按钮 ， 如 图 5-2 所 示 。 


我 订购 的 应 用 


快捷 应 用 设置 
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图 5-2 单 击 “立即 装修 ”按钮 


03 ”系统 进入 “无 线 运营 中 心 ” 界 面 ， 选 择 “ 店 铺 准 和 修 ”， 如 图 5-3 所 示 。 


图 5-3 ”选择 店铺 装修 


04 选择 “店铺 委 修 ”后 ， 在 右 侧 “和 妆 修 手机 淘宝 店铺 ”中 直接 单 击 “ 店 铺 首页 ”按钮 ， 如 图 5?-4 所 示 。 
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图 5-4 单 击 “店铺 首页 “按钮 
05 ”现在 进入 到 真正 的 手机 淘宝 店铺 首页 六 修 界面 中 ， 如 图 5-5 所 示 。 


于 机 淘宝 店铺 自 页 
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图 5-5 ”手机 淘宝 店铺 首页 


53.2 上传 制 作 完 成 的 委 修 元 素 图 片 到 图 片 空间 


手机 淘 至 店铺 人 在 闭 修 之 前 要 移 将 乙 前 制作 的 各 个 元 素 ， 上 传 到 “图 片 空间 ”中 ， 这 样 更 加 利于 妆 修 并 方便 管理 操作 ， 具 体 的 


操作 步骤 如 下 : 


01 ”进入 淘宝 网 后 人 台 ， 选 择 “ 我 是 卖家 /店铺 管理 /图 片 空间 ”， 即 可 进入 “图 片 空间 ”页 面 中 ， 如 图 5-6 所 示 。 
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快捷 应 用 设置 
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[7 宝贝 管理 v 户外 商品 《装修 图 ) 


发 布 宇 贝 。 ”出售 中 的 宝贝 


图 5-6 进入 图 片 空 间 页 面 


02 为 了 方便 得 找 与 管理 ， 这 里 新 建 一 个 “移动 器 网 店 ” 文 件 夹 ， 如 图 ?-7 所 示 。 
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图 5-7 新 建文 件 夹 


03 在 “图 片 空间 ”中 双击 “移动 庄 网 店 ” 文 件 夹 ， 进 入 内 部 后 ， 单 击 “ 上 传 图 片 ”按钮 ， 如 图 ?-8 所 示 。 
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安装 过 程 请 关闭 浏览 器 


由 添加 水 FP ”0 图片 宽 度 调 整 


小 提示 : 1. 图 片 单 张 大 小 支持 3M 以 下 , 超过 系统 会 自动 压缩 
2, 自动 压 缚 和 宽度 峙 整 可 能 会 使 图 片 失 真 
3. 支持 的 图 片 格 式 : jpg、jpeg、png、 gif 
4. Mac 电 脑 请 使 用 通用 上 传 


图 5-8 上 传 图 片 


04 单 击 “ 点 击 上 传 ”按钮 ， 进 入 “打开 ”对 话 框 ， 找 到 需要 上 传 的 图 片 ， 如 图 ?-9 所 示 。 
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图 5-9 ”选择 图 片 


05 ”选择 全 部 的 装修 元 素 ， 单 击 “ 打 开 ” 按 钮 ， 此 时 会 将 制作 的 各 个 装修 元 素 上 传 到 “图 片 空间 ”中 的 “移动 端 网 店 ” 文 
件 夹 中 ， 如 图 5-10 所 示 。 
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开交 石 图 04.jpg 91.46k 


左 文 右 图 03,jpg 95.45k 


左 文 右 图 02,jpg 89.02k 
左 文 右 图 01jpg 87.65Kk 
新 客 图 像 设 计 与 制作 jpg 221.39k 
天 天 特价 jpg 108.47k 


3 图像 设计 与 制作 4.jpg 56.06k 


外用 情况 ; 已 每 合用 34.2644 
立 件 下 1773000 


EE tt | 诗 i | 读 站 站 不 忆 和 / 国 上 二 村 训 二 疙 | 下 


国 全 迁 国 只 呈 寺 图 片 | 图片 兴 弄 :全 邓 ”| 再 校 二 本 : 正 党。 ~ | 排 折 : 时 4 | | 下 


四 捕 酸 片 > 各 可 测 引 EE 


i Tr 且 局 品目 -用 -局 
“~ Si 
让 训 记 Bjpg 左 节 五 国 03.jpg 让 让 证 医 训 jp 庄 率 古国 中 .jpg 击 奎 肝 贬 亿 计 与 吕 作 .Pg 天 下 持 信 .jd 


守 吝 上传 威 功 


图 5-10 ”上 传 的 图 片 


将 装修 用 到 的 图 片 直接 上 传 到 “图 片 空间 中 ， 可 以 为 之 后 的 操作 节省 很 多 的 操作 时 间 。 


5.3 ”上 店 招 与 店 标 的 应 用 


店铺 开张 后 的 第 一 件 事 束 是 为 自己 的 手机 淘宝 店铺 挂 上 店铺 标志 及 店 招 ， 目 的 是 让 浏览 者 知道 现在 所 浏览 的 的 店铺 。 


5.3.1 ”手机 淘宝 店铺 中 店 标的 更 换 
手机 淘宝 店铺 的 店 标 与 电脑 端 淘宝 店铺 的 店 标 ， 使 用 的 是 同一 个 店 标 ， 在 电脑 端 淘宝 店铺 葵 换 了 店 标 后 ， 手 机 端的 店铺 同样 
会 眼 着 蔡 换 . 


01 在 “手机 淘宝 店铺 首页 ”中 的 预 贞 区 域 单 击 “ 店 标 ” 图 标 或 直接 在 “ 店 招 ”上 单 击 ， 再 在 右 侧 弹出 的 “模块 编辑 ” 编 
辑 区 ， 先 单 击 “ 新 版 店 招 ”按钮 ， 表 在 “店铺 基本 信息 ”下 面 单 击 “ 修 改 ” 或 “更 换 Logo”， 如 图 5-11 所 示 。 


手机 淘宝 店铺 首页 模块 编辑 
旧版 店 招 
店铺 基本 信息 


店铺 名 称 : 小 乐 乐 户 外 商品 Ex 
店铺 logo : 入 ,| 


i 
~ (| 无 线 地 址 : httpy/shop108102020.m 
新 品 上 架 福 淘 下 坊 taobao.com 


i 店 招 图 上 
@@ 官方 推荐 ”外 自 定义 上 伟 


图 5-11 单 击 图 标 


02 单 击 “修改 ”或 “更 换 Logo” 后 ， 系 统 会 进入 到 “淘宝 后 全 ”中 的 “店铺 基本 设置 ”中 ， 在 其 中 可 以 更 改 “ 店 铺 名 
称 ” 和 “店铺 标志 ”， 如 图 ?-12 所 示 。 


三 二 管理 消息 中 心 卖家 地 图 妥 购 批 上 志 往 海外 

我 网 买 的 层 务 > 我 旺 卖 宗 庄 铺 管理 : 庄 铺 其 本 设置 

我 的 快捷 菜单 。 > 淘宝 店铺 手机 淘宝 店铺 
日 变易 官 理 

已 卖 出 的 宝 风 

评价 管理 
日 物流 管理 “ 言 稍 着 称 : /小生 朱 户 直 丙 品 

点 类 

物流 工具 

ed 此 处 可 以 在 弹 | 乐 乐 户外 

sa 昌 出 的 对 话 框 中 
语 选择 新 店 标 上 :| 户外 冲锋 衣 、 户 外 :中锋 详 、 户 外 登山 闺 、 户 外 帐 话 等 等 。 

仓 情 管理 4 详细 说 明 

站 店 生 阐 介 会 加 .\ 到 店 硝 索引 中 ! 


您 填 与 的 信息 将 福 店 稍 前 台 展 示 给 头 家 ; 请 让 真 境 与 ， 


关 可 癌 琳 


机 


日 宝贝 管理 
发 布 宝 内 i :| 北京 "| 北京 ” "| 朝阳 区 "| 请 选择 街道 。" 


图 5-12 ”替换 店名 与 店 标 


5.3.2 ”手机 淘宝 店 铺 中 店 招 的 应 用 

不 同 的 店铺 应 该 有 一 块 与 之 对 应 的 店铺 招牌 。 好 的 店 招 不 但 可 以 增加 网 店 吸 引力 ， 而 且 还 能 够 加 大 整体 的 销量 ， 本 节 就 为 大 
家 讲解 如 何在 委 修 手机 淘宝 店铺 中 添加 已 经 设计 制作 好 的 店 招 。 

以 户外 商品 的 店铺 作为 妆 修 对 象 ， 为 大 家 讲解 在 手机 淘宝 店铺 中 应 用 与 更 换 设 计 制 作 好 的 店 招 的 方法 ， 具 体操 作 如 下 。 


01 在 “手机 淘宝 店铺 首页 ”中 的 预 抠 区域 单 击 “ 店 招 ” 图 片 ， 表 在 右 侧 弹 出 的 “模块 编辑 ”编辑 区 单 击 “ 新 版 店 招 ” 按 
钮 ， 在 “新 版 店 招 图 片 ”下 面 先 选 中 “ 目 定 义 上 传 ” 单 选 按钮 ， 再 单 击 “上传 图 片 ”按钮 ， 如 图 ?5-13 所 示 。 


手机 淘宝 店铺 首页 借 块 编辑 


I 


店铺 基本 仿 旦 


小 未 守 户 


: A 惠 却 1L6ge 
系 乐 户 打 
大 地 址 : httpyshopluglu2uU2bm 
taobao.com 


图 R7254 寺 和: JPG. DNG 


[此 处 显示 店 招 规格 


图 5-13 ”上 传 店 招 
02 单 击 “上 传 图 片 ” 后 ， 系 统 会 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “移动 端 网 店 ” 文 件 夹 ， 在 右 侧 选择 “ 乐 乐 户 
外 移动 端 店 招 ” 图 片 ， 如 图 5-14 所 示 。 
图 片 小 工具 


上 传 新 图 片 从 图 片 空 间 选 择 


本 三 生 一 


图 片 目录 


日 全 图 片 裤 间 

1234 

外- 辐 : 冲 锋 衣 店铺 【图 ) 
阵 宝 风 图 片 

国 由 店铺 装修 
国 户 外 
国 | 加 户 四 商品 装修 图 》 
i 


图 5-14 ”选择 店 招 图 片 


03 ”选择 店 招 图 片 后 ， 会 进入 裁 部 图 片区 域 ， 由 于 此 图 是 按照 店 招 大 小 设计 的 ， 直 接 单 击 “ 上 传 ” 按 钮 即 可 ， 如 图 5-15 所 


个 \。 


图 5-15 ”裁剪 图 片区 域 


温馨 提 示 
在 “图 片 小 工具 ”中 的 “裁剪 图 片 ” 就 好 比 是 Photoshop 中 国 (裁剪 工具 ) 剪裁 固定 大 小 的 图 人像， 裁剪 框 的 大 小 最 终 都 
是 “新 版 店 招 的 750 像 素 X254 像 素 ， 栽 剪 框 会 等 比例 进行 缩放 ， 如 图 5-16 所 示 。 
现 电 图片 


> 


疗 : 直 户外 Leva ie 


图 5-16 ” 载 努 图 片 


04 单 击 “上传 ”按钮 后 ， 系 统 会 将 选择 的 店 招 图 片 进行 蔡 损 ， 单 击 “ 确 定 ”按钮 ， 融 可 以 在 预 哆 区 看 到 蔡 换 后 的 店 招 ， 
如 图 5-17 所 示 。 


05 在 “手机 淘宝 店铺 首页 ”右上 角 单 击 “ 保 人 存 ”按钮 ， 可 以 将 著 损 的 店 招 进行 保 仔 ， 然 后 单 击 “ 友 布 ”按钮 ， 即 可 将 设 
置 后 的 效果 发 布 到 手机 淘宝 中 ， 在 手机 中 可 以 看 到 效果 。 


模块 拨 辑 


旧 嘴 读 护 


上 店 钢 基本 信息 
店 清 芭 称 ;小生 水 启 外 阅 蚊 修改 
上 店 福 |0g0 . 


无 线 地 址 : http:/shop108102920.m 
让 DDaoc.cDm 


新 版 店 招 图 片 
全 富 方 推荐 


新 品 上 架 ” 御 淘 动态 


雪 上 自 定 区 十 心 


图 片 民 让: 了 Hl: jpt PM 


re -= | 
ww 党 


图 5-17 替换 后 的 店 招 


5.4 ”插入 自 屏 广告 图 片 


首 屏 广告 图 片 在 手机 淘宝 店铺 中 通常 由 单列 图 片 模块 展现 ， 在 规格 要 求 中 按 608 像 素 x (200 ~ 960) 像素 进行 设计 ， 在 店铺 
中 的 主要 作用 是 用 来 吸引 买 家 目光 增加 店铺 流量 ,具体 的 应 用 步骤 如 下 。 


01 在 “手机 淘宝 店铺 首页 ”中 的 “六 修 模块 ”区 ， 选 择 “ 图 文 类 ”中 的 “ 蛙 列 图 片 模块 ”后 ， 将 其 拖 动 到 “ 预 饮 
区 ”中 ， 如 图 5-18 所 示 。 


手机 淘 扩 店铺 首页 


全 拖 动 “单列 图 
厂 模 块 ” 到 此 人 处- 


my 种 动 H 术 块 
到 “ 预 负 区- 


图 5-18 拖 动 单列 图 片 模块 


02 将 “单列 图 片 模块 ” 拖 动 到 “ 预 贞 区 ”后 ， 该 区 域 会 出 现 “单列 图 片 模块 ”， 如 图 ?-19 所 示 。 


手机 淘宝 店铺 站 页 


磊 览 区 的 位 加 


插入 的 “单列 


图 厂 模 块 " 


单 击 删 除 该 模块 


图 5-19 单列 图 片 模块 


03 ”选择 插入 的 “单列 图 片 模 块 ”后 ， 在 右 侧 弹 出 “单列 图 片 模块 ”编辑 区 ， 单 击 “ 图 片 ” 上 的 “+” 按 钮 ， 如 图 5-20 所 


小 \。 


单列 图 片 模块 


图 5-20 ”单列 图 片 模块 


04 ”系统 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 单 列 图 片 ”， 如 图 5-21 所 示 。 


图 片 小 工具 


上 传 新 图 片 从 图 片 室 间 选择 


图 片 目录 要 三“ 按 修改 时 间 从 了 晚 到 早 


号 图 空间 二 
上 1234 和 本 We 
四 j 司 :中 括 衣 店铺 《图 ) pe 
国宝 由 图片 
困 加 店铺 装修 
上 户外 
国 回 户 外 商品 《装修 图 ) 


图 5-21 选择 单列 图 片 


05 ”选择 “单列 图 片 ” 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “上 传 ” 按 钮 即 可 ， 如 图 5-22 
所 泵 。 


i 


和 


上 新 日 : 9.10-920 


* 请 选择 宽度 为 608， 高 度 为 200-960 的 图 片 ， 类 型 : 仅 限 jpg、png、bmp 


必 重新 选择 


图 5-22 ”裁剪 图 片区 域 


06 单 击 “ 上 传 ” 按 钮 后 ， “单列 图 片 ” 会 显示 在 “单列 图 片 模块 ”的 图 片区 ， 单 击 “确定 ”按钮 ， 束 可 以 在 预 史 区 看 到 
插入 的 “ 首 屏 广 告 图 片 ” 了， 如 图 5-23 所 示 。 


保存 ~ 手机 淘宝 店铺 首页 
单列 图 片 模块 @ ; 


| | 店铺 首页 全 部 宝贝 新 品 上 架 ” 微 淘 动态 


此 处 用 来 设置 单列 图 片 
在 手机 淘宝 店铺 中 与 之 


对 应 的 店铺 页 耐 的 链接 ， 


图 5-23 ”插入 图 片 
温馨 提示 


在 “单列 图 片 模 块 ”“ 文 字 ” 区 域 中 输入 的 文字 ， 会 显示 在 “单列 图 片 ”的 下 方 ， 起 到 辅助 说 明 的 作用 ， 如 图 5-24 所 示 。 


ye 
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EF 晤 和 9 :I 


建议 选择 宽度 为 608, 高 度 为 200-960 尺 十 的 图 
旺 王 和 惠 。 由 Br 口上 为 E 二 二 = 


.| 

| 

于 必 ale/ 
O80t! 


稚 接 : | 2 I 7 于 1 站 -下 让 
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快速 编 辑 图 片 


进来 红 有 性 高 炊 的 ， 襄公 重生 。 


请 办 六 台 法 的 元 绑 链 按 


图 5-24 键入 的 文字 


07 ”使 用 同样 的 方法 ， 可 以 将 之 前 制作 的 另外 的 “单列 图 片 ”再 次 插入 ， 效 果 如 图 ?-25 所 示 。 


08 在 “手机 淘宝 店铺 首页 ”右上 角 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 
效果 上 友 布 到 手机 淘宝 中 。 


店铺 首页 “全 部 宝贝 新 品 上 架 ” 币 淘 动 六 


图 5-25 ”插入 图 片 


5.5 ”插入 双 列 图 片 
在 手机 淘宝 店铺 中 ， 双 列 图 片 在 水 平 位 置 可 以 并 排 显示 两 个 图 像 ， 在 规格 要 求 中 按 296 像 素 x160 像 素 进行 设计 ， 主 要 作用 
是 用 来 细 化 店铺 中 的 商品 ， 具 体 的 应 用 步骤 如 下 ， 


01 在 “手机 淘宝 店铺 首页 中 的 “装修 模块 ”区 ,选择 “ 图 文 类 ”中 的 “ 双 列 图 片 模块 ”后 ， 将 其 拖 动 到 “预览 
区 ”中 ， 如 图 5-26 所 示 。 


手机 淘宝 店铺 首页 
店铺 首页 衬 部 宇内 新 品 上 染 ” 钢 淘 动 硅 
= 电 
文本 模块 
| 四 拖 动 此 模块 国 | = 
| 到 “预览 区 ” 人 @ 拖 动 “ 双 列 图 
9 | 刻 模 块 ” 到 此 处 
问 助 法 吉 堪 


图 5-26” 拖 动 双 列 图 片 模块 


02 在 右 侧 弹出 的 “ 双 列 图 片 模块 ”编辑 区 中 单 击 “ 第 一 张 图 片 ” 下 面 的 “+” 按 钮 ， 如 图 5-27 所 示 。 


03 ”系统 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 双 列 图 片 ”， 如 图 5-28 所 示 。 


片 模块 局 


第 一 张 图 片 


图 5-27 ” 双 列 图 片 模块 


图 片 小 工具 
上 传 新 图片 


三 ， 按 修 改 时 间 从 晚 到 早 


引 国 图 片 空间 
1234 
四 国 冲 料 衣 店铺 (图 ) 
辐 宝 见 图 片 
本 国 店 浦 装 人 
男 户外 


640x304 


选择 “移动 端 网 店 ” 


图 5-28 ”选择 双 列 图 片 


04 ”选择 “单列 图 片 ” 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “上 传 ”按钮 即 可 ， 如 图 5-29 


所 泵 。 


“请 上 传 296x160 的 图 片 
UV 


上传 | 9 重新 选择 


图 5-29 ”裁剪 图 片区 域 


05 单 击 “ 上 传 ”按钮 后 ，“ 双 列 图 片 ” 会 显示 在 “ 双 列 图 片 模块 ”的 图 片区 ， 单 击 “ 第 二 张 图 片 ” 上 的 “+” 按 钮 ， 选 择 
男 一 张 “ 双 列 图 片 ”， 具 体 上 传 方法 与 前 一 张 一 臻 ， 如 图 5-30 所 示 。 


建议 选择 宽度 为 296, 高 度 为 60 尺寸 的 图 片 ,类 
于 屋 尖 二 i jpg. png 
i 皖 壳 度 用 和 EE i 

Epg. png 


第 一 张 图 片 


有 耶 沪 确定 


图 5-30 ”插入 图 片 


06 ”设置 完毕 后 单 击 “确定 ”按钮 ， 此 时 会 将 “ 双 列 图 片 ” 显 示 在 “ 预 移 区 ”中 ， 效 果 如 图 5-31 所 示 。 
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图 5-31 插入 的 图 片 


07 在 “手机 淘宝 店铺 首页 右上 角 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 
效果 友 布 到 手机 淘宝 中 。 


5.6 ”插入 新 / 老 客 模块 


在 手机 淘宝 店铺 中 新 / 老 客 模块 ， 在 规格 要 求 中 按 608 像 素 x336 像 素 进行 设计 ， 用 来 区 分 新 / 老 客户 浏览 该 店 时 显示 的 不 同 图 
请， 在 手机 淘宝 店铺 中 只 能 插入 一 次 ， 具 体 的 应 用 步骤 如 下 。 


01 在 “手机 淘 军 店铺 首页 ”中 的 “ 妆 修 模块 ”区 ， 选 择 “ 智 能 类 ”中 的 “新 老 客 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 
图 5-32 所 示 。 


手机 淘宝 店铺 首页 手机 淘宝 店铺 首页 


全 拖 动 “ 新 老 
客 模块 ”到 此 处 


人 @ 拖 动 此 模块 


图 5-32” 拖 动 新 老 客 模 块 
02 ”在 右 侧 弹出 的 “新 老 客 模块 ”编辑 区 ， 单 击 “ 老 客 图 片 ” 下 的 “+” 按 钮 ， 如 图 5-33 所 示 。 


03 系统 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选择 “移动 闯 网 店 ” 文 件 夹 ， 在 右 侧 选择 “ 老 客 图 片 ”， 如 图 5-34 所 示 。 


FF “ps 


图 5-33 ”新 老 客 模 块 


图 上 小 工具 
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图 5-34 ”选择 老 客 图 片 


04 ”选择 “ 老 客 图 片 ” 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “上 传 ”按钮 即 可 ， 如 图 5-35 
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图 5-35 ”裁剪 图 片区 域 


选择 但 


会 显示 在 “新 老 客 模块 ”的 图 片区 ， 单 击 “ 新 客 图 片 ”下 的 “+” 按 钮 ， 


05 单 击 “上 传 ” 按 钮 后 ，“ 老 客 图 片 “ 
客 图 片 ”， 如 图 5-36 所 示 。 
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图 5-36 ”插入 图 片 


06 ”设置 完毕 后 单 击 “确定 ”按钮 ， 此 时 会 将 “新 客 图 片 ” 显 示 在 “ 预 移 区 ”中 ， 效 果 如 图 5-37 所 示 。 


07 在 “手机 淘宝 店铺 首页 右上 角 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 


效果 上 友 布 到 手机 淘宝 中 。 
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图 5-37 插入 的 新 老 客 图 片 
在 手机 淘宝 店铺 中 的 焦点 图 模块 ， 在 规格 要 求 中 按 608 像 素 x304 像 素 进行 设计 ， 主 要 作用 是 通过 图 片 轮 播 的 方式 进一步 吸 


引 买 家 的 目光 ， 在 手机 淘宝 店铺 中 只 能 插入 两 次 ， 具 体 的 应 用 步骤 如 下 。 


在 “手机 淘宝 店铺 首页 ”中 的 “ 妆 修 模块 ” 区， 选择 “图 文 类 ”中 的 “ 轮 播 图 模块 ”后 ， 将 其 拖 动 到 


“ 预 贞 区 ”中 ， 
如 图 5-38 所 示 。 


手机 淘宝 店铺 首页 手机 淘宝 店铺 首页 


全 拖 动 “焦点 国 
图 模块 ”到 此 处 


2 拖 动 此 模块 
于 | “ 席 [ 竺 区 


图 5-38 ” 拖 动 焦点 图 模块 
02 在 右 侧 弹 出 的 “ 轮 播 图 模块 ”编辑 区 中 单 击 “ 图 片 ” 下 的 “+” 按 钮 ， 如 图 5-39 所 示 。 


03 ”系统 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 和 焦点 图 01” 图 片 ， 如 图 5-40 所 
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图 5-39 ”焦点 图 模块 
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加 图片 空 间 
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加 | 户外 

国 里 户 四 商品 ‘装修 图 ) 
上 手机 店铺 
手相 沿海 拭 


移动 器 网 店 | 


选择 “移动 端 网 店 ” 


图 5-40 ”选择 焦点 图 图 上 


04 ”选择 “焦点 图 01” 图 片 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 即 可 ， 如 图 
9-41 所 示 。 
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图 5-41 裁剪 图 片区 域 


05 单 击 “ 上 传 ” 按 钮 后 ，“ 焦 后 图 01” 会 显示 在 “焦点 图 模块 ”的 图 片区 ， 单 击 “ 添 加 ”按钮 ， 得 到 一 个 新 的 “焦点 图 
图 片 ” 区 域 ， 如 图 5-42 所 示 。 
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图 5-42 ”插入 图 片 


06 单 击 新 建 的 轮 播 图 “图 片 ” 下 的 “+” 按 钮 ， 弹 出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 
选择 “焦点 图 02” 图 片 ， 如 图 5-43 所 示 。 
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日 司 图 片 空间 
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国 户外 

由 上 户外 商品 《 装 信 图 ) 
手机 店铺 


选择 “移动 端 网 店 ” 


图 5-43 ”选择 图 片 


07 ”选择 “焦点 图 02” 图 片 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 店 招 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 即 可 ， 如 图 
5-44 所 泵 。 


图 片 小 工具 


裁剪 图 片 


图 5-44 ”裁剪 图 片区 域 


08 单 击 “ 上 传 ” 按 钮 后 ，“ 焦 后 图 02” 会 显示 在 “焦点 图 模块 ”的 图 片区 ， 单 击 “ 确 定 ” 按 钮 ， 在 “ 预 哆 区 ”可 以 看 到 
插入 的 效果 ， 如 图 5-45 所 示 。 


09 在 “手机 淘宝 店铺 首页 右上 角 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 


效果 上 友 布 到 手机 淘宝 中 。 
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图 5-45 ”插入 的 轮 播 图 图 片 


5.8 ”插入 左 文 石 图 模块 


在 手机 淘宝 店铺 中 的 左 文 右 图 模块 ， 在 规格 要 求 中 按 608 像 素 x160 像 素 进 行 设 计 ， 主 要 作用 是 对 详细 商品 的 广告 宣传 ， 具 
体 的 应 用 步骤 如 下 : 


01 在 “手机 淘 至 店铺 首页 ”中 的 “ 委 修 模块 ”区 ， 选 择 “图 文 类 ”中 的 “ 左 文 右 图 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 
如 图 5-46 所 示 。 
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图 5-46 ” 拖 动 左 文 右 图 模块 


02 在 右 侧 弹 出 的 “ 左 文 右 图 模块 ”编辑 区 中 单 击 “ 图 片 ” 下 的 “+” 按 钮 ， 如 图 5-47 所 示 。 


03 ”系统 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 左 文 右 图 ”图 片 ， 如 图 5-48 所 
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图 5-47 左 文 右 图 模块 
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上 情 新 闻 片 。 从 图 片 空间 选择 
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国宝 由 图 片 
由 四 | 店 补 里 修 
同 户 外 
击 - 上 户外 商品 《装修 图 ) 


选择 “移动 器 网 店 ” 


图 5-48 ”选择 左 文 右 图 图 片 


04 ”选择 “ 左 文 右 图 ”图 片 后 ， 进 入 裁 章 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 ， 如 图 5-49 
所 泵 。 
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图 5-49 ”裁剪 图 片区 域 


05 单 击 “上 传 ” 按 钮 后 ，“ 左 文 右 图 ”会 显示 在 “ 左 文 右 图 模块 ”的 图 片区 ， 如 图 5-50 所 示 。 
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图 5-50 ”插入 图 片 


置 完 毕 后 单 击 “确定 ”按钮 ， 此 时 会 将 “ 左 文 右 图 ”显示 在 “ 预 移 区 ”中 ， 效 果 如 图 5-51 所 示 。 
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图 5-51 左 文 右 图 预览 


07 在 “手机 淘宝 店铺 首页 ”右上 角 单 击 “ 保 他 ”按钮 ， 可 以 将 操作 进行 保 仓 ， 然 后 单 击 “ 发 布 ” 按 钮 ， 即 可 将 设置 后 的 
效果 上 友 布 到 手机 淘宝 中 。 


5.9 ”插入 多 图 模块 


在 手机 淘宝 店铺 中 的 多 图 模块 ， 在 规格 要 求 中 按 248 像 素 x146 像 素 进行 设计 ， 主 要 作用 是 对 优惠 或 相应 活动 进行 展示 ， 具 
体 的 应 用 步骤 如 下 。 


01 在 “手机 淘 军 店铺 首页 ”中 的 “ 妆 修 模块 ”区 ， 选 择 “图 文 类 ”中 的 “多 图 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 图 
9-52 所 示 。 
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图 5-52 ” 拖 导 多 图 模块 


02 在 右 侧 弹出 的 “多 图 模块 ”编辑 区 中 单 击 “图 片 ” 下 面 的 “+” 按 钮 ， 如 图 5-53 所 示 。 


03 弹出“ 图片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 多 图 模式 01”， 如 图 5-54 所 示 。 
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图 5-53 ”多 图 模块 
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图 5-54 选择 多 图 图 片 


04 选择 “多 图 模式 01” 后 ， 进 入 裁 筋 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 即 可 ， 如 图 >- 
25 所 泵 。 
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图 5-55 ”裁剪 图 片区 域 


05 单 击 “上传 ”按钮 后 ，“ 多 图 图 片 ”会 显示 在 图 片区 ， 使 用 同样 的 方法 ， 将 其 他 的 多 图 图 片 也 插入 进来 ， 如 图 ?-56 所 
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图 5-56 ”插入 图 族 


06 设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 此 时 会 将 “多 图 图 片 ”显示 在 “预览 区 ”中 ， 效 果 如 图 5-57 所 示 。 
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图 5-57 插入 多 图 图 片 


07 在 “手机 淘宝 店铺 首页 右上 角 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 
效果 上 友 布 到 手机 淘宝 中 。 


5.10 ”插入 宝贝 展示 效果 


在 手机 淘宝 店铺 中 上 传 的 宝贝 ， 可 以 按照 装修 设置 进行 展示 ， 如 单列 宝贝 、 双 列 宝 贝 等 效果 ， 具 体 的 应 用 步骤 如 下 : 


01 在 “手机 淘宝 店铺 首页 ”中 的 “ 沪 修 模块 ”区 ， 选 择 “ 宝 贝 类 ”中 的 “智能 单列 宝贝 ”， 将 其 拖 动 到 “预先 区 ”中 ， 
如 图 5-58 所 示 。 
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图 5-58” 拖 动 单 列 宝 贝 


02 在 右 侧 弹出 的 “单列 宝贝 模块 ”编辑 区 ， 在 此 处 可 以 设置 “标题 ” “链接 ”及 “推荐 类 型 ”和 等， 如果 选 中 “手动 推 
荐 ” 单 选 按钮 ， 可 以 在 “预先 区 ”中 插入 6 个 宝贝 ， 如 图 5-59 所 示 。 


智能 单列 宝贝 


图 5-59 ”单列 宝贝 模块 


03 ”在 “手机 淘宝 店铺 首页 ”中 的 “ 妆 修 模块 ” 区， 选择 “宝贝 类 ”中 的 “智能 双 询 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 图 
5-60 所 示 。 


04 在 “手机 淘宝 店铺 站 页 ”中 的 “ 沪 修 模块 ”区 ， 选 择 “ 宝 贝 类 ”中 的 “排行 榜 ”， 将 其 拖 动 到 “ 预 哆 区 ”中 ， 效 果 如 
图 5-61 所 示 。 
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图 5-60” 拖 动 双 列 宝贝 
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图 5-61 拖 动 排行 榜 


5.11 插入 文本 


在 手机 淘宝 店铺 中 插入 文本 可 以 用 来 对 店铺 做 公告 或 文字 标题 ， 具 体 的 应 用 步骤 如 下 。 


01 在 “手机 淘宝 店铺 首页 ”中 的 “ 委 修 模块 ”区 ， 选 择 “ 图 文 类 ”中 的 “标题 ”， 将 其 拖 动 到 “ 预 员 区 ”中 ， 如 图 ?-62 


所 示 。 
ee 手机 淘宝 店 铺 首 页 
和 
@ 拖 动 b 动 此 模块 = 
:=| 预览 区 文本 模块 
唱 咖 
[= | 


图 5-62” 拖 动 单列 宝贝 


确定 ”按钮 ， 即 可 


Im lh 


02 在 右 侧 弹出 的 “文本 模块 ”编辑 区 ， 我 们 可 以 在 “文本 内 容 ” 区 域 中 输入 文字 ， 输 入 完毕 后 单 击 
在 “ 预 贞 区 ”中 显示 输入 的 文字 ， 如 图 ?5-63 所 示 。 
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图 5-63 ”输入 文本 
温馨 提示 


标题 模块 ”的 插入 方法 与 “文本 模块 ”的 插入 方法 一 致 。 


5.12 ”创建 链接 


在 手机 淘宝 店铺 中 将 各 个 模块 插入 完毕 后 ， 如 果 不 创建 链接 的 话 ， 模 块 只 会 起 到 显示 的 作用 ， 本 节 束 为 大 家 讲解 一 下 添加 页 
面 链接 的 方法 ， 这 里 我 们 以 “单列 图 片 模块 ”为 讲 作对 象 ， 具 体操 作 步 骤 如 下 。 


01 ”在 “手机 淘宝 店铺 首页 ”中 的 “预览 区 ”内 ， 单 击 “TED 能 ”单列 图 片 ， 在 弹出 的 “单列 图 片 模块 ”中 单 击 “ 链 接 " 后 
面 的 。 (链接 ) 图 标 ， 如 图 5-64 所 示 。 


手机 淘宝 店铺 首页 


店铺 首页 “全部 宝 由 ”新 品 上 加 ” 征 淘 
忆 | 发 送 图 片 到 手机 中 圆 书 


Na 


动态 
六 


O00- 


多 个 
单 击 “预览 区 ” 
的 单列 模块 


图 5-64 单 击 “链接 ” 图 标 


02 单 击 。 (链接 ) 图 标 后 ， 弹 出 “链接 小 工具 ”， 在 其 中 选择 “宝贝 分 类 链接 ”选项 列 ， 在 下 面 选 择 “ 户 外 冲锋 
衣 ” 的 “选择 链接 ”， 如 图 5-65 所 示 。 


码 接 小 工具 
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图 5-65 ”链接 小 工具 


03 ”选择 链接 后 ， 在 “单列 图 片 模块 ”编辑 区 会 出 现 链接 地 址 ， 如 图 5-66 所 示 。 


Tn 
| 1 本 


//shopl108102020.m.taobao.cr 


图 5-66 ”链接 地 址 


04 单 击 “确定 ”按钮 后 ， 在 “手机 淘宝 店铺 首页 ”右上 角 蛙 击 “ 保 存 ”按钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 
布 ” 按钮 ， 即 可 将 设置 后 的 效果 友 布 到 手机 淘宝 中 ， 此 时 单 击 二 维 码 图 标 ， 弹 出 本 页 面 的 二 维 码 ， 如 图 5-67 所 示 。 
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图 5-67 发布 成 功 


05 ”使 用 手机 淘宝 对 上 面 的 二 维 码 进行 扫描 ， 即 可 进入 店铺 中 ， 如 图 5-68 所 示 。 
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图 5-68 ”进入 手机 店铺 


06 用 手指 点 选 创建 链接 的 首 屏 广告 ， 会 目 动 跳 转 到 链接 页 面 ， 如 图 5-69 所 示 。 
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图 5-69 ”链接 页 面 


第 6 章 ， 自 定义 页 面 设计 


本 章 主要 介绍 将 之 前 设计 制作 的 各 个 元 素 应 用 到 手机 淘宝 店铺 目 定义 页 面 的 方法 ， 使 手机 淘宝 店铺 能 够 在 移动 端 设备 中 正 弟 
运营 。 目 定义 页 面 对 细 分 的 商品 起 到 补充 展示 的 作用 ， 可 以 详细 展示 某 一 类 商品 的 多 个 效果 。 


重点 提示 
大 进入 手机 淘宝 沪 修 上 自 定义 页 面 


大 应 用 活动 头 图 片 


大 插入 展示 宝贝 模块 
大 插入 图 文 类 模块 


大 编辑 链接 


6.1 进入 手机 淘 军 委 修 目 定 义 页 面 
手机 淘宝 中 的 各 个 元 素 制作 完毕 后 ， 不 但 可 以 将 其 应 用 到 手机 淘宝 首页 中 ， 还 可 以 应 用 到 自 定义 页 面 中 。 本 节 就 为 大 家 讲解 
进入 自 定义 页 面 的 方法 ， 具 体 的 操作 步骤 如 下 。 


01 登录 淘宝 网 后 ， 进 入 “无 线 运 豆 中 心 ”页 面 中 ， 在 此 页 面 中 选择 “ 目 定 义 页 面 ”， 再 单 击 “ 页 面 管 理 ” 下 面 的 “新 建 
页 面 ”按钮 ， 如 图 6-1 所 示 。 


图 6-1 “无 线 运营 中 心 ” 页 面 


02 单 击 “ 新 建 页 面 ” 按 钮 后 ， 弹 出 “请 输入 页 面 名 称 ” 对 话 框 ， 在 其 中 输入 该 页 面 的 名 称 ， 如 图 6-2 所 示 。 


户外 站 强 衣 


址 可 特区 宁 


图 6-2 ”设置 自 定 义 页 面 名 称 


03 输入 名 称 后 ， 单 击 “ 确 定 ” 按 钮 ， 此 时 会 在 “页 面 管 理 ” 中 出 现 一 个 “户外 冲锋 衣 ”， 如 图 6-3 所 示 。 


颇 孜 时 间 控 作 


5 


2017.05.16 12:31:58 光 得 | 总 孜 标 题 “ 昨 障 


图 6-3 页面 管理 


04 单 击 “ 页 面 管 理 ” 中 的 “编辑 ”按钮 ， 即 可 进入 目 定 义 页 面 的 “户外 冲锋 家” 编辑 页 面 中 ， 如 图 6-4 所 示 。 
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在 块 拖 训 天 这 里 开 训 六 民 只 1 


Den 


图 6-4 ”和 上 自 定 义 页 面 


6.2 ”应 用 活动 头 图 片 
手机 淘宝 店铺 中 上 自 定 义 页 面 的 “活动 头 ”可 以 显示 当前 页 面 的 具体 内 容 ， 在 规格 要 求 中 按 640 像 素 x304 像 素 进行 设计 ， 具 
体 的 操作 步骤 如 下 。 


01 在 “户外 冲锋 衣 ” 页 面 的 预 咒 区 域 单 击 “ 活 动 头 ”图 片 ， 然 后 在 右 侧 弹出 的 “模块 编辑 ”编辑 区 单 击 “ 活 动 头 图 
睛 ”下 面 的 “+” 按 钮 ， 如 图 6-5 所 示 。 


模块 编辑 @ 


活动 头 图 片 


户外 冲锋 衣 


此 处 显示 活动 头 规格 
目 定义 页 面 活动 头 图 
目前 暂 未 上 传 图 片 ， 不 会 在 客户 端 中 展示 。 


杀 ， 您 还 未 法 加 任何 模块 ， 请 将 左 侧 
模块 拖 动 到 文旦 开始 革 候 嗪 - 


图 6-5 “户外 冲锋 衣 ” 页面 


02 单 击 “+” 按 钮 后 ， 弹 出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 活 动 头 图 片 ”， 如 
图 6-6 所 示 。 


图 片 小 工具 


上 传 新 图 片 。 从 图 片 空间 选择 


三 “ 按 修改 时 间 从 晚 到 早 | 


晶 加 图 片 空间 
向 1234 
昌 [9 冲锋 衣 店铺 (图 ) 
周 宝 风 图 片 
由 | 店 补 装修 
回 户外 
由 [户外 商品 ‘装修 图 ) 


@ 选择 “移动 端 网 店 ” 


图 6-6 ”选择 活动 头 图 方 


03 ”选择 “活动 头 图 片 ” 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 即 可 ， 如 图 6-7 
所 泵 。 


图 6-7 裁剪 图 片区 域 


04 单 击 “上传 ” 按 钮 后 ， 返 回 “ 户 外 冲锋 家” 页面 中 ， 在 编辑 区 的 “活动 头 内 容 ” 区 域 输入 相应 的 文字 ， 如 图 6-8 所 示 。 


EB 而 十 


图 6-8 设置 活动 头 内 容 
05 ”设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 即 可 在 预 此 区 看 到 应 用 后 的 活动 头 图 片 及 活动 头 内 容 ， 如 图 6-9 所 示 。 


06 在 “手机 淘宝 店铺 首页 ” 右 侧 单 击 “ 保 存 ” 按 钮 ， 可 以 将 蔡 换 的 店 招 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 
后 的 效果 及 布 到 手机 淘宝 中 。 
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本 页 面 以 户外 冲锋 衣 作为 主 展示 内 容 


Fr ae | 3 ea | De = 


: 亲 ， 您 还 未 添加 任何 模块 ;请 
| 模块 拖 动 到 这 里 开始 装修 叭 - 


图 6-9 ”应 用 后 的 活动 头 


6.3 ”插入 展示 宝贝 模块 


手机 淘宝 店铺 的 目的 区 是 为 了 创造 利 蔡 并 且 与 电脑 背 相 互 照应 ， 想 在 店铺 中 产生 利益 ， 融 得 有 商品 ， 本 节 为 大 家 讲解 企 “ 目 
定义 页 面 ”中 展示 商品 宝贝 的 万 法 。 


6.3.1 ”插入 智能 里 询 宝 贝 模块 
在 手机 淘宝 店铺 中 ， “单列 宝贝 模块 。 是 用 来 以 大 图 的 方式 展示 宝贝 效果 ， 如 果 在 “ 自 定义 页 面 中 ”不 进行 插入 的 话 ， 就 不 
会 在 页 面 中 显示 宝贝 ， 具 体 的 插入 方法 如 下 。 


01 在 “户外 冲锋 家” 页 面 中 的 “兴修 模 块 ”区 ,选择 “宝贝 类 ”中 的 “智能 单列 宝贝 ”后 ， 将 其 拖 动 到 “ 
如 图 6-10 所 示 。 
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@@ 拖 动 此 模块 | 


到 “预览 区 ” 


“和 ED 全 pF 
动 “ 智 能 单 


由 ”到 此 处 


图 6-10” 拖 动 智 能 单列 宝贝 


02 在 右 侧 弹出 的 “智能 单列 宝贝 ”编辑 区 选择 “基本 模式 ”， 在 此 处 可 以 设置 “标题 ” “链接 ”及 “推荐 类 型 ”等 ， 如 
果 选 中 “手动 推荐 ” 蛙 选 按钮 ， 可 以 在 “预先 区 ”中 最 多 插入 6 个 宝贝 ， 如 图 6-11 所 示 。 


03 在 “户外 冲锋 衣 ” 页 面 的 右上 角 单 击 “ 保 人 存 ”按钮 ， 可 以 将 当前 的 页 面 进 行 保 仔 ， 然 后 单 击 “ 友 布 ”按钮 ， 即 可 将 设 
置 后 的 效果 发 布 到 手机 淘宝 中 。 


er 恒 庆 
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智能 单列 宝贝 | 智能 单列 宝贝 


昌 动 推荐 


图 6-11 智能 单列 宝贝 模块 


智能 单列 宝贝 模块 在 手机 淘宝 店铺 的 “ 自 定义 页 面 中 只 能 被 拖 动 到 “预览 区 一 次 ， 也 就 是 说 ， 在 该 页 面 中 不 能 同时 被 使 
用 两 次 或 两 次 以 上 。 


6.3.2 ”插入 智能 双 惠 宝贝 模块 


智能 双 列 宝贝 模块 可 以 并 排 显示 两 个 宝贝 ， 具 体操 作 如 下 。 


01 在 “户外 冲锋 家” 页 面 中 的 “六 修 模块 ”区 ,选择 “宝贝 类 ”中 的 “智能 双 列 ”， 将 其 拖 动 到 “预先 区 ”中 ， 如 图 6- 
12 所 示 。 
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图 6-12” 拖 动 智 能 双 列 宝贝 


02 在 右 侧 弹 出 的 “智能 双 列 ”编辑 区 选择 “基本 模式 ”， 人 在 此 处 可 以 设置 “标题 ” “链接 ”及 “推荐 类 型 ”， 如 果 选 
择 “ 手 动 推 荐 ” 单 选 按钮 ， 最 多 可 以 在 “ 预 移 区 ”中 插入 6 个 宝贝 ， 如 图 6-13 所 示 。 
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间 中 十 不 隐 喜 间距 


玉 内 个 黎 


03 ”设置 完毕 后 单 击 “确定 ”按钮 ， 在 “ 预 多 区 ”可 以 显示 设 定 的 宝贝 数量 ， 如 图 6-14 所 示 。 
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图 6-14 ”显示 宝贝 数量 


04 在 “户外 站 锋 衣 ”页 面 的 右 侧 单 击 “ 保 存 ” 按 钮 ， 然 后 单 击 “ 友 布 ”按钮 ， 即 可 将 设置 后 的 效果 友 布 到 手机 淘宝 中 。 


6.3.3 ”插入 王 贝 排行 榜 模块 


宝贝 排行 榜 是 由 系统 自动 抓 取 排 名 前 三 的 宝贝 ， 当 任意 一 个 榜 单 不 足 3 个 宝贝 时 ， 整 个 模块 将 不 显示 。 具 体 插入 操作 如 下 : 


01 在 “户外 冲锋 家” 页面 中 的 “六 修 模块 ”区 ， 选择“ 宝贝 类 ”中 的 “宝贝 排行 榜 ” 模 块 ， 将 其 拖 动 到 “ 预 抠 区 ”中 ， 
此 时 会 出 现 一 个 3 张 图 片 的 排行 榜 ， 如 图 6-15 所 示 。 
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/ @ 元 动 “宝贝 及 
支 喜 保暖 中 峰 衣 排行 榜 ” 到 此 处 


本 


F2600. 00 


Eel] 
一 一 


图 6-15 ” 拖 动 宇 贝 排行 榜 


02 设置 完毕 后 单 击 “ 确 定 ”按钮 ， 在 “户外 冲锋 家” 页面 右 侧 单 击 “ 保 存 ”， 单 击 “ 发 布 ” 按 钮 ， 即 可 将 设置 后 的 效果 
发 布 到 手机 淘宝 中 。 
6.4 ”插入 图 文 类 模块 


目 定 义 页 面 中 也 不 是 只 用 来 显示 商品 宝贝 的 ， 还 可 以 将 之 前 设计 并 制作 的 六 人 收 模 块 进行 插入 ， 这 样 更 加 具有 吸引 买 家 目光 的 
目的 。 本 节 融 为 大 家 讲解 在 “ 目 定 义 页 面 ”中 插入 图 文 类 模块 的 方法 。 


6.4.1 插入 辅助 线 模块 


在 手机 淘宝 店铺 中 的 辅助 绪 模 块 主要 起 到 隔断 的 作用 ， 只 要 在 “户外 冲锋 衣 ” 页 面 中 的 “ 妆 修 模块 ”区 ， 选 择 “ 图 文 类 ”中 
的 “辅助 线 异 块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 即 可 完成 插入 ， 如 图 6-16 所 示 。 


户外 冲锋 衣 


ok 4 到 yn 从 户外 冲锋 家 作为 主 展示 内 容 


ee 


四 一 加 A 


拖 动 此 模块 


i 区” 


到 “ 预 ， 


图 6-16 ”插入 辅助 线 


6.4.2 ”插入 早 询 图 片 模块 


“ 目 定 义 页 面 ”中 的 单列 图 片 模块 ， 在 规格 要 求 中 按 608 像 素 x (200 ~ 960) 像素 进行 设计 ， 主 要 作用 是 用 来 吸引 买 家 目光 
以 增加 店铺 流量 ， 具体 的 插入 步骤 如 下 。 


01 在 “户外 冲锋 衣 ” 页 面 的 “ 妆 修 模块 ” 区， 选择 “图 文 类 ”中 的 “单独 图 片 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 图 
6-17 所 示 。 


户外 冲锋 衣 户外 站 锋 衣 


@ 拖 动 此 模块 要。 外 六 儿 衣 作为 展示 内 存 | 
| 思拓 * | 


图 6-17 拖 动 单列 图 片 模块 


02 ”在 右 侧 弹出 的 “单列 图 片 模块 ”编辑 区 中 单 击 “ 图 片 ”下 面 的 “+” 按 钮 ， 如 图 6-18 所 示 。 


图 6-18 单列 图 片 模块 


03 ”弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 蛙 列 图 像 设 计 与 制作 


小 \。 


图 片 小 工具 


1 如 图 6-1 9 所 


日 宇 图 片 空间 i 

国 1234 扶 训 

四 国 冲 桩 衣 店 铺 (图 ) a 
画 宝 由 图 片 

由 四 店铺 装修 
E93 户外 

由 户 外 商 吕 (和 著 修 图 》 
由 手机 店铺 


| 击 海 二 


图 6-19 ”选择 单列 图 片 


04 ”进入 裁 章 图 片区 域 ， 由 于 此 图 是 按照 符合 规格 大 小 设计 的 ， 选 择 全 图 ， 和 直接 单 击 “上 传 ” 按 钮 即 可 ， 如 图 6-20 所 示 。 


a 


OO+ 


上 新 日 : 9.10-9.20 


“ 博 选 择 贸 麻 为 608， 高 度 为 200-960 的 图 片 ， 关 型 : 仅 限 jpg、png、bmp 


图 6-20 ”裁剪 图 片区 域 


05 单 击 “ 上 传 ”按钮 后 ，“ 单 列 图 像 设计 与 制作 ”会 显示 在 “单列 图 片 模块 ”的 图 片区 ， 然 后 单 击 “ 确 定 ”按钮 ， 即 可 
在 预 贞 区 看 到 插入 的 “单列 图 像 设计 与 制作 ”， 如 图 6-21 所 示 。 


06 在 “户外 冲锋 衣 ” 页 面 右 侧 单 击 “ 保 人 存 ” 按 钮 ， 可 以 将 操作 进行 保 仔 ， 单 击 “ 友 布 ”按钮 即 可 将 设置 后 的 效果 友 布 到 
手机 淘宝 中 。 


单列 图 片 模 块 @ 


户外 冲锋 衣 
和 2 


建议 选 泽 宽度 为 608, 高 度 为 200-960 尺 寸 的 图 


站 , 类 型 ;jpg. png 


在 此 输入 图 
片 辅助 文字 


此 处 用 来 设置 单列 图 所 


在 手机 淘宝 店铺 中 与 之 
对 应 的 店铺 页 面 的 链接 


图 6-21 插入 “单列 图 像 设 计 与 制作 ”图 片 


6.4.3 ”插入 双 列 图 片 模块 


在 “ 自 定 义 页 面 ” 中 的 双 列 图 片 模块 ， 在 规格 要 求 中 按 296 像 素 x160 像 素 进 行 设计 ， 主 要 作用 是 细 化 店铺 的 商品 ， 具 体 插 
入 步骤 如 下 : 


01 在 “户外 冲锋 衣 ” 页 面 中 的 “ 妆 修 模块 ”区 ， 选 择 “ 图 文 类 ”中 的 “ 双 列 图 片 模块 ”后 ， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 
如 图 6-22 所 示 。 


户外 冲锋 衣 户外 冲锋 衣 


CT : 双 列 图 
片 模块 ”到 此 处 


图 6-22” 拖 动 双 列 图 片 模块 
02 ”在 右 侧 弹 出 的 “ 双 列 图 片 模 块 ”编辑 区 中 单 击 “ 第 一 张 图片 ” 下 面 的 “+” 按 钮 ， 如 图 6-23 所 示 。 


03 ”弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 “ 双 列 图 像 设计 与 制作 3” 图 片 ， 如 图 6- 
24 所 泵 。 


图 6-23” 双 列 图 片 模块 


时 AEC 


图 片 小 工具 


上 传 新 图 片 | 从 图 片 空间 选择 


图 片 目录 


= FTTT 
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四 户外 

国 四 户外 商品 (装修 图 
四 手机 店铺 


图 6-24 ”选择 双 列 图 片 
04 选择 双 列 图 片 后 ， 进 入 裁 筋 


过 二 


图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ” 按 钮 即 可 ， 如 图 6-25 所 


图 片 小 工具 


裁剪 图 片 


“请 上 传 296x160 的 图 片 


图 6-25 ”裁剪 图 片区 域 


05 单 击 “ 上 传 ”按钮 后 ， 双 列 图 片 会 显示 在 “ 双 列 图 片 模块 ”的 图 片区 ， 单 击 “ 第 二 张 图 片 ” 下 面 的 “+” 按 钮 ， 选 
一 张 双 列 图 片 ， 具 体 上 传 方法 与 第 一 张 一 致 ， 如 图 6-26 所 示 。 


1 
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i rp EE FE = | 自生 | 
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取 衣 确定 EVE 确定 


图 6-26 ”插入 第 二 张 图 片 


06 ”设置 完毕 后 单 击 “确定 ”按钮 ， 此 时 会 将 “ 双 列 图 片 ” 显 示 在 “ 预 多 区 ”中 ， 效 果 如 图 6-27 所 示 。 


07 在 “户外 冲锋 衣 ” 页 面 右 侧 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 发 布 ” 按 钮 ， 即 可 将 设 


ee 己 


设置 后 的 效果 


上 友 布 到 手机 淘宝 中 。 


直 ， 


上 本 日 097 


6-27 插入 双 列 图 片 
图 6- 


6.4.4 ”插入 轮 播 图 模块 
在 “ 自 定义 页 面 ”中 的 轮 播 图 模块 ， 在 规格 要 求 中 按 640 像 素 x320 像 素 进行 设计 ， 主 要 作用 是 通过 图 片 轮 播 的 方式 进一步 
吸引 买 家 的 目光 ， 具 体 插入 步骤 如 下 : 


01 在 “户外 冲锋 衣 ” 页 面 中 的 “ 委 修 模块 ”区 ， 选 择 “ 图 文 类 ”中 的 “ 罗 播 图 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 图 
6-28 所 示 。 


02 在 右 侧 弹 出 的 “ 轮 播 图 模块 ”编辑 区 中 单 击 “ 轮 播 图 ”图 片 下 面 的 “+” 按 钮 ， 如 图 6-29 所 示 。 


户外 中 锋 衣 


| @@ 拖 动 “ 轮 揪 
要 模 块 “ 到 此 处 


辅 配 读 模 二 


人 @ 拖 动 此 模块 


图 6-28 ” 拖 动 轮 播 图 模块 


轮 播 图 模块 


1 . 轮 挡 图 疏 二 讽 吕 为 640"320 
[原由 十 608*304) 
“ 主 记 入世 下 二 日 到 让 RE 如 


图 6-29” 轮 播 图 模块 


03 弹出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选择 “移动 闯 网 店 ” 文 件 夹 ， 在 右 侧 选择 “焦点 图 02” 图 片 ， 如 图 6-30 所 示 。 


图 片 小 工具 


上 传 新 图 片 


辐 片 目录 里 三 按 修改 时 间 从 晚 到 早 


日- 导 图 片 空 间 

园 1234 

由 [冲锋 衣 店 铺 (图 ) 
司 宝 贝 图 片 

由 | 店铺 装修 
中 户外 

田 [9 户外 商品 (装修 图 )》 
态 手 


@ 选择 “移动 端 网 店 ” 


图 6-30 ”选择 焦点 图 图 睛 


04 单 击 “焦点 图 ”后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “ 上 传 ”按钮 即 可 ， 如 图 6-31 所 
Ts 


图 片 小 工具 


的 图 片 


< 重新 选择 


图 6-31 裁剪 图 片区 域 


05 单 击 “ 上 传 ” 按 钮 后 ， 轮 播 图 会 显示 人 在“ 轮 播 图 模块 ”的 图 片区 ， 单 击 “ 添 加 ”按钮 ， 得 到 一 个 新 的 轮 播 图 “图 
上 请” 区域 ， 如 图 6-32 所 示 。 


图 片 结 辑 工具 


和 下 法 绩 抒 图 及 


NE 确定 


图 6-32 ”插入 图 片 


06 单 击 新 建 的 轮 揪 图“ 图片 ”下 面 的 “+” 按 钮 ， 弹 出 “图 片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 
侧 选 择 轮 播 图 图 片 ， 将 其 进行 上 传 ，“ 上 传 ” 完 毕 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 6-33 所 示 。 


07 在 “户外 站 锋 衣 ”页 面 右 侧 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 效果 
及 布 到 手机 淘宝 中 。 


户外 ) 中 锋 衣 


上 而 目 ;109 为 


jpg. png 


图 三 泌 辑 | 县 


图 6-33 ”插入 图 片 


6.4.5 ”插入 左 文 石 图 模块 


在 “ 目 定 义 页 面 ”中 的 左 文 右 图 模块 ， 在 规格 要 求 中 按 608 像 素 x160 像 素 进行 设计 ， 主 要 作用 是 对 详细 商品 的 广告 宣传 ， 
具体 插入 步骤 如 下 : 

01 在 “户外 冲锋 衣 ” 页 面 中 的 “ 妆 修 模块 ” 区， 选择 “图 文 类 ”中 的 “ 左 文 右 图 模块 ”， 将 其 拖 动 到 “ 预 贞 区 ”中 ， 如 
图 6-34 所 示 。 


户外 冲锋 衣 户外 ?中锋 衣 


ow 一 于 ; 
上 本 日 : 8104 20 
EECRECT 


全 拖 动 “ 左 文 右 
图 模块 ”到 此 处 


图 6-34 ” 拖 动 左 文 右 图 模块 


02 ”在 右 侧 弹出 的 “ 左 文 右 图 模块 ”编辑 区 中 单 击 “ 图 片 ” 下 面 的 “+” 按 钮 ， 如 图 6-35 所 示 。 


03 弹出“ 图片 小 工具 ”对 话 框 ， 在 左 侧 选 择 “ 移 动 端 网 店 ” 文 件 夹 ， 在 右 侧 选 择 左 文 右 图 图 片 ， 如 图 6-36 所 示 。 


怪异 块 
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图 片 


图 6-35 ” 左 文 右 图 模块 


图 片 小 工具 


上 导 新 图 片 


强 “三 | 按 倍 改 时 间 从 晚 到 早 


习 图 片 空间 

国 1234 
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国宝 风 图 片 

田 四 店铺 装修 
加 户外 

田 | 户外 商品 ‘上 装修 图 )》 
辐 手机 店铺 


] | | 并 上 下 


图 6-36 ”选择 左 文 右 图 图 片 


04 ”选择 左 文 右 图 图 片 后 ， 进 入 裁剪 图 片区 域 ， 由 于 此 图 是 按照 规格 大 小 设计 的 ， 直 接 单 击 “上 传 ”按钮 即 可 ， 如 图 6-37 
所 泵 。 


图 片 小 工具 


裁剪 图 片 
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三 内 了 奈 疡 外 记 


图 6-37 裁剪 图 片区 域 


05 单 击 “ 上 传 ”按钮 后 ， 左 文 右 图 图 片 会 显示 在 “图 片 ” 区 ,设置 完 毕 后 单 击 “ 确 定 ” 按 钮 ， 此 时 会 将 左 文 右 图 图 片 显 
示人 在 “ 预 贞 区 ”中 ， 如 图 6-38 所 示 。 


左 广 右 图 模块 @ 7 冲锋 衣 


图 片 


ia 如 RUwal 
忆 蜗 出 疡 氏 之 


图 6-38 ”预览 图 片 


06 在 “户外 站 锋 衣 ”页 面 右 侧 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 效果 
上 友 布 到 手机 淘宝 中 。 


6.4.6 ”插入 目 定 义 模块 
在 “ 自 定义 页 面 ”中 的 自 定义 模块 ， 可 以 通过 在 模块 中 拖 动 矩形 方 框 的 方法 载 入 图 片 ， 将 拖 动 的 方 框 拼合 成 一 个 对 象 ， 每 个 
方 框 中 的 图 像 都 可 以 单独 创建 链接 ， 具 体 的 插入 步骤 如 下 。 


01 在 “户外 冲锋 衣 ” 页 面 中 的 “ 委 修 模块 ” 区， 选择 “图 文 类 ”中 的 “ 目 定 义 模 块 ”， 将 其 抱 动 到 “ 预 贞 区 ”中 ， 如 图 
6-39 所 示 。 


户外 冲锋 衣 户外 冲锋 衣 
zh 


@ 拖 动 此 模块 


到 “预览 区 ” 


图 6-39 ” 拖 动 自 定义 模块 


02 移动 红色 方 框 ， 将 其 放置 到 该 模块 底部 并 调整 矩形 框 ， 双 击 红色 和 矩形 框 ， 单 击 右 侧 “ 模 块 编辑 ”下 面 的 “+” 按 钮 ， 如 
图 6-40 所 示 。 


户外 冲锋 衣 保存 
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请 双击 确认 位 置 选择 


图 6-40 ”调整 矩形 框 


03 ”双击 红色 和 粉 形 框 后 ， 弹 出 “图 片 小 工具 ”对 话 框 ， 选 择 一 张大 一 点 的 图 片 ， 如 图 6-41 所 示 。 
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二 上 | Bb 


图 6-41 ”选择 图 片 


04 ”选择 图 片 后 ， 进 入 裁 剖 图 片区 域 ， 调 整 裁剪 框 后 ， 和 直接 单 击 “ 上 传 ”按钮 ， 如 图 6-42 所 示 。 


图 片 小 工具 


裁剪 图 上 预览 图 片 


* 讲 上传 608x304 的 图 片 


图 6-42 ”裁剪 图 片区 域 


05 单 击 “上传 ” 按 钮 后 ，“ 裁 舅 框 ”中 的 内 容 显 示人 在 图 片区 ， 单 击 “ 确 定 ” 按 钮 ， 此 时 会 将 图 片 显示 在 “ 预 贞 区 ”中 ， 
然后 在 上 面 区 域 再 绘制 一 个 红色 息 形 框 ， 如 图 6-43 所 示 。 


户外 ;中 锋 衣 


lobo 
呈 访 阴户 息 关 


请 双击 确 
认 位 置 和 


图 6-43 ”插入 图 片 并 绘制 矩形 


06 双击 红色 和 起 形 框 后 ， 在 右 侧 “模块 编辑 ”下 面 的 “+” 上 单 击 ， 弹 出 “图 片 小 工具 ”对 话 框 ， 选 择 一 张 图 片 ， 如 图 6-44 
所 泵 。 
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田 国 


图 6-44 ”选择 图 片 


07 ” 单 击 选择 的 图 片 后 ， 进 入 裁剪 图 片区 域 ,调整 裁剪 框 后 ， 直 接 单 击 “ 上 传 ”按钮 ， 如 图 6-45 所 示 。 


图 户 小 工具 


| 音 上 性 152x304 的 图 片 


图 6-45 ”裁剪 图 片区 域 


08 单 击 “ 上 传 ”按钮 后 ，“ 裁 剪 框 ” 中 的 内 容 显 示 在 “图 片 ”区 ， 单 击 “ 确 定 ” 按 钮 ， 此 时 会 将 图 片 显示 在 “ 预 贞 
区 ”， 在 右边 区 域 再 绘制 一 个 红色 目 形 框 ， 如 图 6-46 所 示 。 


户外 ) 中 锋 寺 


| 下 FUAWwdii 
工 及 晤 声 身 六 


计 位 直选 
圩 


链接 


图 6-46 上传 图 片 


09 以 此 类 推 ， 绘 制 红色 矩形 框 ， 上 传 图 片 ， 效 果 如 图 6-47 所 示 。 


oteornuval 


图 6-47 上 传 图 片 
10 在 “户外 冲锋 衣 ” 页 面 右 侧 单 击 “ 保 存 ” 按 钮 ， 可 以 将 操作 进行 保存 ， 然 后 单 击 “ 友 布 ” 按 钮 ， 即 可 将 设置 后 的 效果 


发 布 到 手机 淘宝 中 。 


6.5 ”编辑 链接 


目 定 义 页 面 中 的 委 修 模块 与 宝贝 模块 都 插入 完毕 后 ， 要 对 其 进行 页 面 之 间 的 链接 操作 ， 使 整个 店铺 处 于 一 个 完整 的 导 钢 效 
果 ， 本 证 为 大 家 讲解 从 首页 链接 到 整个 上 自 定义 页 面 的 万 法 ， 具 体操 作 如 下 。 


01 返回 到 “无 线 运 营 中心 ” 页 面 中 ， 进 入 “手机 淘宝 店铺 首页 ”， 在 “ 预 史 区 ”内 单 击 “ 单 列 图 片 ”， 在 右 侧 的 “单列 
图 片 模块 ”中 单 击 “ 链 接 ” 后 面 的 (链接 ) 图 标 ， 如 图 6-48 所 示 。 


手机 淘宝 店铺 首页 保存 * 
la .ASS 单列 图 片 模块 6 
小 乐 乐 尸 外 商 吨 . 因 忆 


店铺 首页 “全 部 宝贝 ”新品 上 架 微 淘 动态 


Af 
人 t 


|{ 单 击 “ 预 览 区 ” 
中 的 单列 图 片 


/shopl108102020.m.taobao.ce EE 


二 站 | 取消 确定 


图 6-48 单 击 单列 图 片 


02 单 击 。 (链接 ) 图 标 后 ， 弹 出 “链接 小 工具 ”对 话 框 ， 在 其 中 选择 “ 自 定义 页 面 链接 ”选项 卡 ， 在 下 面 选择 “户外 冲 
锋 衣 ”的 选择 链接 ， 如 图 6-49 所 示 。 


户外 冲锋 衣 


“这 个 小 工具 帮 体 获 职 无 续 页 厄 的 寿 接 


图 6-49 ”链接 小 工具 


03 ”选择 链接 后 ， 在 “单列 图 片 模块 ”编辑 区 会 出 现 链接 地 址 ， 如 图 6-50 所 示 。 
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图 6-50 “链接 地 址 


04 单 击 “ 确 定 ” 按 钮 后 ， 在 “手机 淘宝 店铺 首页 ” 右 侧 单 击 “ 保 存 ”按钮 ， 可 以 将 操作 进行 保存 ， 然 后 蛙 击 “ 友 布 ” 按 
钮 ， 即 可 将 设置 后 的 效果 友 布 到 手机 淘宝 中 ， 使 用 手机 进入 淘宝 店铺 中 ， 如 图 6-51 所 示 。 


使 用 手指 
点 选 此 处 


图 6-51 进入 手机 店铺 


05 ”用 手指 点 选 创 建 链 接 的 首 屏 广 告 ， 会 自动 跳 转 到 链接 页 面 ， 如 图 6-52 所 示 。 
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图 6-52 ”链接 页 面 
温馨 提示 


大 家 可 以 根据 第 5 章 及 本 章 中 的 链接 知识 ， 进 行 细致 的 链接 划分 ， 使 整个 店铺 变 得 活泼 起 来 。 


第 7 重 ，” 目 定义 菜 早 的 制作 


本 章 主 要 为 大 家 介绍 在 手机 淘宝 店铺 中 出 现在 首页 页 面 底 部 的 目 定 义 菜单 ， 该 菜单 可 以 更 加 快速 地 让 买 家 进入 店铺 相应 的 位 
置 ， 只 要 设置 的 链接 正确 ， 可 以 准确 地 进入 与 之 对 应 的 店铺 页 面 。 


b>) 


重点 提示 

大 设置 主 菜 单 并 创建 链接 
大 设置 子 菜单 并 创建 链接 
大 查看 添加 的 目 定 义 菜 单 


太 创 建 店铺 活动 


7.1 ”设置 主 末 时 并 创建 链接 


手机 淘宝 店铺 首页 中 的 主 菜 单 ， 主 要 起 到 对 店铺 进行 多 元 化 展示 的 作用 ， 可 以 通过 主 菜 单 快速 对 店铺 进行 亲 单 式 的 链接 命 
令 ， 主 菜单 中 可 以 添加 子 菜单 ， 在 店铺 中 最 多 可 以 添加 三 个 主 菜单 ， 具 体 的 添加 操作 步骤 如 下 : 


01 ”登录 淘宝 网 后 ， 进 入 到 “无 线 运 营 中 心 ” 页 面 中 ， 在 此 页 面 中 先 选 择 “ 目 定义 页 面 ”， 然 后 单 击 右 侧 的 “创建 模 
板 ” 按 钮 ， 如 图 7-1 所 示 。 
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主机 淘 拔 
图 7-2 进入 方式 


02 单 击 “ 创 建 模 板 ”按钮 后 ， 进 入 “模板 名 称 ”设置 对 话 框 中 ， 在 其 中 输入 “ 乐 乐 尸 外 商品 ”， 如 图 7-3 所 示 。 


图 7-3 ”设置 模板 名 称 


03 单 击 “ 下 一 步 ” 按 钮 ， 进 入 “ 目 定 义 菜 单 ” 设 置 页 面 ， 勾 选 前 两 个 主 菜单 并 输入 名 称 ， 在 “店铺 简介 ” 复 选 内 容 中 选 
中 “不 需要 二 级 子 荣 单 ” 单 选 按钮 ， 如 图 7-4 所 示 。 


乐 乐 户外 商品 


a ， 直 接 添加 动作 


图 7-4” 自 定义 菜单 设置 


04 单 击 “店铺 简介 ”下 面 的 “直接 添加 动作 ”文字 链接 ， 弹 出 “编辑 菜单 ”对 话 框 在 “动作 名 称 ” 下 拉 列 表 中 选择 “ 店 
铺 简 介 ” 选 项 ， 如 图 7-5 所 示 。 


编辑 茉 单 


动作 名 称 : | 店 请 消 介 


庄 铺 简介 : cro en 7 vy_page.htm? 


page=shopilabf ee sw 和 上 656610732 
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图 7-5 选择 店铺 简介 ”选项 


05 ”设置 完毕 后 单 击 “ 确 定 ” 按 钮 ， 此 时 链接 创建 成 功 ， 再 次 回 到 图 7-4 所 示 的 页 面 中 。 


7.2 子 有 菜单 并 创建 链接 


手机 淘 军 店铺 中 “ 子 荣 单 ”可 以 更 加 详细 地 对 主 荣 单 进行 补充 ， 有 具体 的 添加 步骤 如 下 。 


01 主 荣 单 链接 设置 完毕 后 ， 在 “宝贝 分 类 ” 复 选 内 容 下 面 选中 “添加 子 荣 单 ” 单 选 按钮 ， 并 单 击 “添加 子 荣 单 ”文字 链 
接 ， 弹 出 “编辑 菜单 ”对 话 框 ， 其 中 的 参数 设置 如 图 7-6 所 示 。 


编辑 荣 单 
动作 志和 : 


了 荣 单 人称: [让 < 从 此 处 输入 子 菜单 名 称 


玉 内 分 类 ; 


|- 本 周 新 品 


图 7-6 ”编辑 菜 


02 ”设置 完毕 后 点 选 “ 确 定 ”按钮 ， 设 置 的 子 荣 单 中 会 出 现 “ 户 外 冲锋 衣 ”， 再 单 击 “ 户 外 冲锋 衣 ” 子 荣 单 ， 如 图 7-7 所 


小 \。 


荣 单 ， 直 接 添 加 动作 


| Pl 


图 7-7 编辑 子 菜单 


03 单 击 “ 尸 外 冲锋 家” 子 菜 单 后 ， 在 弹出 的 “编辑 菜单 ”对 话 框 中 设置 “宝贝 分 类 ”的 链接 为 “户外 冲锋 衣 ”， 如 图 7-8 
所 示 。 
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HT 3 加 


图 7-8 设置 链接 


04 设置 完毕 后 单 击 “ 确 定 ”按钮 ， 再 依次 添加 “户外 冲锋 鲜 ”“ 户 外 登山 鞋 ” “户外 委 备 ” “极限 尸 外” 子 荣 单 ， 依 次 
为 这 几 个 子 菜单 添加 链接 ， 如 图 7-9 所 示 。 


不 需要 二 级 子 荣 单 ， 直 接 沁 加 动作 


本 ”店铺 简介 


图 7-9 ”添加 的 子 菜单 


05 ”设置 完毕 后 单 击 “ 确 定 发 布 ” 按 钮 ， 束 可 以 在 预先 区 看 到 替换 后 的 活动 头 ， 如 图 7-10 所 示 。 
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+ 添加 子 菜单 


店 镁 闻 介 


保存 为 草稿 
图 7-10 ”确定 发 布 


06 单 击 “确定 发 布 ” 按 钮 后 ， 完 成 自 定义 菜单 的 应 用 ， 如 图 7-11 所 示 。 


乐 乐 户外 商品 


图 7-11 自 定义 菜单 


7.3 查看 添加 的 目 定 义 菜 单 


手机 淘宝 店铺 中 的 “ 目 定 义 菜 单 ” 只 会 出 现在 店铺 的 首页 ， 在 移动 端 设备 或 手机 中 束 可 以 查看 效果 。 进 入 手机 淘宝 店铺 中 ， 
我 们 残 可 以 直接 看 到 添加 的 目 定 义 菜单 ， 如 图 7-12 所 示 。 
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图 7-12 ” 自 定义 菜单 


直接 点 选 自 定义 菜单 内 容 ， 丈 可 以 实现 链接 ， 如 图 7-13 所 示 。 
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图 7-13 ”实现 链接 


7.4 创建 店铺 活动 


在 手机 淘宝 店铺 中 创建 店铺 活动 的 目的 就 是 为 店铺 增加 更 好 的 营销 手段 ， 从 而 加 大 店铺 的 流量 ,提升 转换 率 。 


7.4.1 创建 天 天 特 从 活动 


在 手机 淘宝 店铺 中 “创建 互动 玩法 ”主要 分 为 “投票 ”“ 天 天 特价 ”“ 分 享有 礼 ”等 ， 其 创建 方式 大 致 相同 ， 这 里 以 “天 天 
特价 ”作为 讲解 和 案例， 具体 的 创建 方法 如 下 。 


01 进入 “无 续 运 言 中 心 ”页面 中 的 “我 的 互动 ”， 选 择 “ 天 天 特价 ”后 ， 单 击 “ 进 入 ”按钮 ， 如 图 7-14 所 示 。 
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图 7-14 无 线 运营 中 心 


02 在 “官方 互动 营销 工具 ”中 ,将 “天 天 特价 ”添加 a 到 “我 的 互动 ”中 ， 单 击 “ 天 天 特价 ”的 “进入 ”按钮 ， 进 入 “天 
天 特价 店铺 活动 ”设置 中 ， 如 图 7-15 所 示 。 


| 二 | 天 天 特价 店铺 活动 
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活动 记 围 : | 全 网 用 户 ， 


图 7-15 ”设置 活动 


03 单 击 “下 一 步 ” 按 钮 ， 进 入 “填写 活动 内 容 ” 区 域 ， 选 择 宝贝 后 ， 单 击 “ 确 认 并 继续 填写 ”按钮 ， 如 图 7-16 所 示 。 


活动 商品 要 求 如 下 : +* 
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图 7-16 ”选择 宝贝 
04 进入 “活动 价位 ”设置 区 ， 如 图 7-17 所 示 。 


活动 商品 要求 如 下 : + 

1， 宝 风 芭 贡 为 电邮 商品 ; 30 天 稍 售 数 持 去 于 等 于 3 件 ; 
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图 7-17 设置 宇 贝 价格 


05 单 击 “ 保 存 并 下 一 步 ” 按 钮 ， 选 择 发 布 渠道 ， 如 图 7-18 所 示 。 


十 与 活 动 信息 十 与 抽动 内 容 误 牢 点 布 染 起 
+ 注意 事项 
1， 活 动态 布 后 : 活动 商品 请 灌 以 任何 方式 性 于 活动 昼 进行 售卖 一旦 如 现 ， 将 永 避 授信 黑 书 单 。 淘 全 币 折 扣除 赴 ， 
2， 活 动态 布 后 : 基质 商品 将 会 被 抽取 到 主 搜 、 天 天 特价 等 渠道 进行 展示 ， 请 做 好 相应 的 准 音 。 


活动 将 投放 到 以 下 款 认 渠道 


悍 存 草 入 


图 7-18 设置 发 布 渠 道 


06 选择 完毕 后 单 击 “ 发 布 ” 按 钮 ， 此 时 会 弹出 如 图 7-19 所 示 的 二 维 码 。 


图 7-19 ”扫描 二 维 码 


07 ”使 用 微 信 扫 摘 二 维 码 ， 手 机 会 目 动 进入 刚才 设置 的 特价 商品 区 ， 可 以 在 微 信 中 通过 朋友 圈 或 分 享 到 QQ 中 进行 推广 ， 还 
可 以 将 二 维 码 进行 保 仔 ， 打 印 后 让 大 家 扫 摘 ， 如 图 7-20 所 示 。 
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图 7-20 ”二 维 码 推 广 


08 ”使 用 手机 进入 到 手机 淘宝 店铺 的 店铺 活动 中 ， 可 以 看 到 设置 的 活动 内 容 ， 如 图 7-21 所 示 。 
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图 7-21 店铺 活动 


7.4.2 在 手机 店铺 中 添加 活动 模块 


在 手机 淘宝 店铺 的 首页 中 添加 活动 模块 可 以 创建 活动 ， 用 尸 可 以 直接 通过 点 选 此 活动 查看 活动 内 容 ， 具 体 的 创建 方法 如 下 。 


01 在 “手机 淘宝 店铺 首页 ”中 的 “六 修 模块 ”区 ， 选 择 “ 营 销 互 动 类 ”中 的 “活动 中 心 模块 ”， 将 其 拖 动 到 “ 预 抠 
区 ”中 ， 如 图 7-22 所 示 。 
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图 7-22” 拖 动 活 动 中心 模 块 


02 将 “活动 中 心 模块 ” 拖 动 到 “ 预 氏 区 ”后 ,该 区 域 会 出 现 “ 活 动 中 心 模块 ”， 如 图 7-23 所 示 。 
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图 7-23 ”活动 中 心 模块 


03 ”以 默认 设置 作为 活动 图 像 ， 点 击 “ 确 定 ” 按 钮 后 将 其 友 布 ， 然 后 在 手机 中 残 可 以 通过 点 击 活动 图 片 坦 看 活动 内 容 了 ， 
如 图 7-24 所 示 。 
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图 7-24 查看 活动 内 容 


第 8 草 ”做 海报 制作 


本 章 主 要 为 大 家 介绍 在 手机 中 创建 微 海 报 的 方法 ， 微 海报 可 以 以 多 页 面 的 海报 形式 在 手机 中 进行 宣传 宫 销 和 推广 。 
重点 提示 
大 通过 模板 快速 制作 微 海 报 


大 目 定 义 店铺 宣传 微 海报 


8.1 通过 模板 快速 制作 微 海 报 


通过 模板 创建 的 微 海报 ， 可 以 非常 方便 地 将 店铺 中 选择 的 宝贝 添加 到 模板 中 ,具体 可 以 分 为 “选择 模板 ” “编辑 海 
报 ” 和 “保存 友 布 ”三 个 步骤 。 


8.1.1 ”在 无 线 运 言 中 心 创建 微 海 报 


在 “无 线 运 言 中 心 ”选择 “手机 海报 ”， 对 提供 的 模板 形式 进行 编辑 ， 具 体操 作 步 又 如 下 : 


01 ”登录 淘宝 网 后 ， 进 入 到 “无 线 运 营 中 心 ” 页 面 中 ， 选 择 “ 手 机 海报 ”， 如 图 8-1 所 示 。 


于 机 海报 生 的 模板 “| 主 看 数据 | 帮助 教程 


全 后 种 竺 海 鬼 ,可 有 登 法 【手机 海宝 - 苇 旺 商 宗 - 营 忽 淮 广 - 种 笑 】 中 对 已 有 海报 壕 行 妨 辑 或 发 布 。 训 家 答疑 侠 : 703157567 


互动 服务 窗 5 
店铺 动态 


手机 海报 th 


图 8-1 选择 手机 海报 


02 单 击 “查看 更 多 ”按钮 ， 选 择 一 个 自己 喜欢 的 模板 ， 如 图 8-2 所 示 。 


图 8-2 ”选择 模板 


03 ”选择 模板 并 单 击 “ 使 用 ”按钮 后 ， 会 目 动 进入 模板 编辑 页 面 ， 如 图 8-3 所 示 。 


模板 页 面 ， 可 
以 改 让 顺 厅 9 < 有 可 以 人 添加 新 硕 目 各 称 ”| 贼 认 工程 
或 看 删除 < 内容， 如 文 ea; 

字 、 图 片 等 上 


编辑 区 


芒 采 医 更 撞 背 累 图 片 


六 他 站 二: 540*1136 


图 8-3 ”模板 编辑 


04 单 击 “ 预 多 区 ”中 的 图 片 ， 在 右 侧 的 “编辑 区 ” 单 击 “ 更 换 背 景 图 片 ”按钮 ， 如 图 8-4 所 示 。 
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图 8-4 选择 图 片 


05 ”弹出 “选择 图 片 ” 对 话 框 ， 在 其 中 选择 需要 的 图 片 ， 如 图 8-5 所 示 。 


选择 图 片 


PC 端 图 片 Y | 按 上 薛 时 间 从 蜡 到 早 Y | 
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图 8-5 ”选择 图 片 


06 双击 图 片 即 可 将 其 作为 新 育 景 载 入 ， 企 “ 缩 略 图 ”下 单 击 “ 更 改 ” 按 钮 ， 将 缩 略 图 蔡 换 一 张 图 片 ， 效 果 如 图 8-6 所 示 。 


荐 在 下 直人 
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图 8-6 ”编辑 图 片 
07 选择 “ 预 贞 区 ”的 文字 ， 在 “编辑 区 ”中 重新 输入 文字 ， 如 图 8- 7 所 泵 。 
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图 8-7 编辑 文字 


08 选择 第 二 页 模板 ， 人 在 “ 预 员 区 ”中 选择 图 片 和 文字 ， 在 “编辑 区 ”中 重新 编辑 ， 如 图 8-8 所 示 。 


[ 蔡 换 图 片 


图 8-8 ”编辑 图 片 和 文 宁 


09 选择 其 他 的 页 面 异 板 ， 在 “ 预 贞 区 ”中 选择 图 片 和 文字 ， 人 在 “编辑 区 ”中 重新 编辑 ， 如 图 8-9 所 示 。 


图 8-9 ”编辑 其 他 页 面 模板 


10 ”设置 完毕 后 单 击 “ 保 仓 ” 按 钮 ， 再 单 击 “ 友 布 ”按钮 ， 如 图 8-10 所 示 。 


发 布 成 功 ! 您 的 网 页 将 在 5 分 钟 内 生 戏 ， 请 耐心 等 1 
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图 8-10 发布 


11 此 时 使 用 微 信 扫 摘 二 维 码 ， 即 可 进入 手机 海报 中 ， 如 图 8-11 所 示 。 
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LR 
图 8-11 海报 效果 


8.1.2 ”在 淘 军 网 后 合 “ 出 售 中 的 宝贝 ”中 创建 微 海 报 


在 淘宝 网 后 台中 选择 多 个 叹 贝 ， 可 以 快速 通过 模板 创建 佑 


01 ”登录 淘宝 网 后 ， 在 “宝贝 管理 ”中 选择 “出 售 中 的 宝贝 ”， 然 


12 所 示 。 
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图 8-12 ”创建 微 海 报 


02 选择 一 个 目 己 喜欢 的 模板 ， 如 图 8-13 所 示 。 


效 海报 ， 具 体 的 创建 万 法 如 下 : 


保 直 侠 芭 有礼 


然后 选择 右 侧 的 宇 贝 ， 单 击 “ 创 建 向 海报” 按钮 ， 如 图 8- 
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图 8-13 ”选择 模板 


03 单 击 “ 下 一 步 ” 按 钮 ， 弹 出 如 图 8-14 所 示 的 二 维 码 。 
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图 8-14 ”二 维 码 


04 使 用 微 信 扫 摘 二 维 码 即 可 看 到 效果 ， 如 图 8-15 所 示 。 
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图 8-15 ”测试 效果 


05 在 图 8-14 中 进入 模板 选择 区 ， 选 择 一 个 上 自己 比较 喜欢 的 模板 ， 如 图 8-16 所 示 。 
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图 8-16 ”选择 模板 


06 单 击 “立即 使 用 ”按钮 ， 即 可 进入 微 海报 的 编辑 平台 ， 然 后 在 平台 底部 单 击 “ 去 设计 器 编辑 海报 ”按钮 ， 如 图 8-17 所 
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图 8-17 编辑 图 片 


07 ”进入 编辑 页 面 ， 在 预 贞 区 选择 上 面 的 轮 播 图 图 片 ， 在 右 侧 的 编辑 区 单 击 “ 上 传 ” 按 钮 ， 如 图 8-18 所 示 。 
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图 8-18 ”选择 图 片 


弹出 “图 片 空间 ”对 话 框 ， 在 其 中 选择 一 张 图 片 ， 如 图 8-19 所 示 。 
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四 宝贝 图 片 
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图 8-19 ”选择 图 片 


双击 选择 的 图 片 ， 将 其 蔡 换 到 “ 微 海 报 ” 中 的 轮 播 图 中 ， 如 图 8-20 所 示 。 


记 填 写 图 片 地 址 和 图 片 吝 转 地 址 ， 
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图 8-20 ”替换 图 片 


10 ”为 第 二 张 轮 播 图 选择 图 片 ， 如 图 8-21 所 示 。 
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图 8-21 选择 图 上 


11 ”在 选择 的 图 片上 双击 ， 此 时 轮 播 图 图 片 蔡 换 完 毕 ， 效 果 如 图 8-22 所 示 。 


图 8-22 ”图片 效果 


12 在 “ 预 贞 区 ”选择 其 他 位 置 的 图 片 ， 并 在 “编辑 区 ”将 其 进行 著 换 ， 依 次 把 第 1 页 中 的 所 有 图 片 都 损 成 目 己 的 图 片 ， 效 
果 如 图 8-23 所 示 。 
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图 8-23 ”替换 图 片 


13 ”在 左 侧 选 择 另外 的 页 面 ， 在 “预先 区 ”选择 图 片 后 ， 在 “编辑 区 ”进行 替换 ;选择 文本 ， 在 “编辑 区 ”重新 输入 ， 效 


果 如 图 8-24 所 示 。 
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图 8-24 替换 图 片 和 文本 


14 ”将 其 他 页 面 中 的 文字 和 图 片 都 进行 替换 ， 效 果 如 图 8-25 所 示 。 
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图 8-25 ”替换 图 片 和 文本 


15 ”设置 完毕 后 单 击 “ 保 他 ”按钮 ， 再 单 击 “ 友 布 ”按钮 ， 此 时 会 弹出 预 蜗 效果 ， 如 图 8-26 所 示 。 
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图 8-26 预览 效果 


16 通过 微 信 扫 摘 二 维 码 ， 残 可 以 在 手机 中 显示 微 海报 效果 ， 如 图 8-27 所 示 。 单 击 微 信 石 上 角 残 可 以 在 朋友 圈 中 进行 传播 
推广 了 。 
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图 8-27 手机 中 效果 


温馨 提示 


除了 在 “设计 器 平台 ”进行 编辑 外 ， 还 可 以 直接 在 模板 中 通过 换 图 和 替换 位 置 来 进行 微 海报 创建 ， 此 方法 更 加 简单 ， 如 图 8- 


28 所 示 。 
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图 8-28 ”在 模板 中 编辑 


8.2 ” 目 定 义 店 请 宣传 微 海报 


除了 使 用 模板 快速 制作 微 海报 外 ， 也 可 以 创建 空 日 微 海报 页 面 ， 将 目 己 的 创意 添加 到 微 海报 中 ， 具 体 的 创建 步骤 如 下 : 
01 ” 先 使 用 Photoshop 制 作 一 个 模板 框 ， 并 将 每 个 图 像 存 储 成 .png 格 式 ， 为 的 是 不 显示 图 像 的 背景 ， 如 图 8-29 所 示 。 
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图 8-29 ”模板 
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图 8-30 ”图 片 空间 
03 ”从 “出 售 中 的 宝贝 ”处 单 击 “ 创 建 微 海报 ” 按 钮 ， 进 入 模板 区 ， 选 择 “ 创 建 空 日 海报 ”， 如 图 8-31 所 示 。 


模板 市 场 我 的 海报 数据 效果 


贺卡 邀请 轿 ”品牌 传 措 ”公益 传递 


WELCOME TO MY SHOP 


月 亚 价 情 与 你 的 上午 


图 8-31 选择 空白 海报 


04 单价 “创建 空 日 海报 ”按钮 ， 进 入 新 的 微 海报 页 面 ， 如 图 8-32 所 示 。 
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图 8-32 ”空白 微 海报 


05 ”设置 完毕 后 选择 “ 单 页 ”标签 ， 单 击 “ 编 辑 区 ”中 “背景 图 ”后 面 的 “上 传 ”按钮 ， 在 弹出 的 “图 片 空间 ”页 面 中 选 


择 背 景 图 ， 如 图 8-33 所 示 。 
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图 8-33 ”选择 图 片 


06 选择 图 片 后 单 击 ， 会 将 选择 的 图 片 添加 到 微 海报 的 背景 中 ， 如 图 8-34 所 示 。 


图 8-34 ”插入 的 背 最 图片 


07 在 “应 用 区 ”中 选择 图 片 ， 如 图 8-35 所 示 。 
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图 8-35 ”选择 图 睛 


08 单 击 图 片 后 可 以 将 其 添加 到 页 面 中 ， 如 图 8-36 所 示 。 


图 8-36 ”插入 的 图 片 


使 用 同样 的 方法 将 下 面 的 小 图 插入 ， 并 拖 动 控制 点 调整 图 像 大 小 ， 如 图 8-37 所 示 。 


图 8-37 添加 图 像 


单 击 “ 应 用 区 ”中 的 “互动 ”按钮 ， 在 弹出 的 菜单 中 选择 “形状 ”， 如 图 8-38 所 示 。 
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图 8-38 ”选择 “形状 ” 


将 添加 的 正 圆 调 整 大 小 和 形状 ， 移 动 到 合适 位 置 ， 如 图 8-39 所 示 。 


图 8-39 ”插入 形状 


再 依次 插入 其 他 的 图 像 ， 如 图 8-40 所 示 。 


图 8-40 ”插入 图 像 


13 在 “应 用 区 ” 单 击 “商家 ”按钮 ， 在 弹出 的 菜单 中 选择 “ 进 店 ”， 如 图 8-41 所 示 。 


图 8-41 添加 动画 


14 在 右 侧 的 “编辑 区 ”中 单 击 “ 设 置 ”按钮 ， 将 本 店 的 链接 上 自动 输入 ,再 单 击 “ 背 景 ” 后 面 的 “上 传 ”按钮 ,在 “图 片 
空间 ”中 选择 “背景 图 ”， 效 果 如 图 8-42 所 示 。 


三 按 修 改 时 间 从 晓 到 早 
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图 8-42 上传 进入 店铺 背景 


15 ”下面 为 页 面 中 的 各 个 元 素 添加 动画 ， 这 里 以 “进入 店铺 ”按钮 为 例 ， 其 他 的 使 用 方法 是 一 致 的 。 选 择 图 片 ， 在 右 侧 单 


击 “ 动 画 ”按钮 ， 在 弹出 的 菜单 中 选择 “进入 ” 标 尝 ， 然 后 按 如 图 8-43 所 示 进 行 选 择 
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图 8-43 ”添加 动画 


16 添加 第 一 个 动画 后 ， 再 单 击 “; 


添加 动画 ”按钮 ， 在 弹出 的 “动画 2” 中 选择 “强调 ”标签 ， 再 选择 “最 摇 ”动画 ， 并 设 
置 动画 的 属性 ， 如 图 8-44 所 示 。 
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图 8-44 ”添加 动画 


17 在 设计 器 中 的 “页 面 区 ” 单 击 下 面 的 “+” 号 按钮 ， 可 以 自动 新 建 一 个 空 晶 页面， 同样 为 其 应 用 于 第 一 页 相同 的 背景 
图 ， 如 图 8-45 所 示 。 


图 8-45 ”新 建 页 面 


18 ”依次 为 页 面 添加 图 片 及 文字 ， 如 图 8-46 所 示 。 
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图 8-46 ”添加 页 面 并 编辑 


19 ”再 新 建 一 个 页 面 5， 将 背景 应 用 与 之 前 相同 的 背景 ， 单 击 “ 应 用 区 ”的 “互动 ”按钮 ， 在 弹出 的 菜单 中 选择 “分 享 ”， 
如 图 8-47 所 示 。 
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图 8-47 ”选择 “分 享 ” 


20 ”复制 “点 击 分 享 ”按钮 ， 在 “编辑 区 ”更 改 文字 ， 效 果 如 图 8-48 所 示 。 
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图 8-48 更改 文字 


21 在 “编辑 区 ” 单 击 “ 触 友 ”标签 ， 选择“ 触 友 事 件 ” 为 “点 击 ”，“ 触 友 效 果 ” 为 “ 翻 页 ”，“ 跳 转 到 ”选择 “第 1 
页 ， 如 图 8-49 所 示 。 


图 8-49 编辑 


22 单 击 “应 用 区 ”的 “互动 ”按钮 ， 在 弹出 的 菜单 中 选择 “二 维 码 ”， 如 图 8-50 所 示 。 


图 8-50 ”添加 二 维 码 


在 “编辑 区 ”中 将 店铺 的 地 址 复制 到 “链接 ”人 处， 如 图 8-51 所 示 。 
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图 8-51 复制 链接 地 址 


插入 店铺 的 店 标 ， 效 果 如 图 8-52 所 示 。 
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图 8-52 ”插入 店 标 


为 页 面 中 的 其 他 组 件 添加 相应 动画 并 设置 链接 ， 单 击 “ 保 存 ” 按 钮 后 ， 再 单 击 “发 布 ”按钮 ， 为 其 创建 一 个 新 二 维 
码 ， 效 果 如 图 8-53 所 示 。 
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图 8-53 发布 后 效果 


26 使 用 手机 直接 扫描 即 可 进入 “ 乐 乐 尸 外 商品 ” 微 海报 中 ， 预 秽 效 果 如 图 8-254 所 示 。 
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图 8-54 手机 中 显示 的 效果 


在 制作 的 微 海报 中 ， 还 可 以 添加 音乐 ， 只 要 在 “应 用 区 ” 单 击 “ 音 乐 ” 按 钮 ， 在 “编辑 区 ” 即 可 为 微 海报 添加 音乐 ， 如 图 8- 
55 所 示 。 
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图 8-55 ”添加 音乐 


第 9 草 ”手机 公众 号 与 微 淘 推 广 


微 信 在 方便 大 众 通信 及 交友 方面 做 出 了 前 所 未 有 的 贡献 ， 但 这 些 功 能 只 能 是 对 微 信 的 一 个 使 用 而 已 ， 想 为 目 己 或 企业 做 知名 
度 、 推 广 商品 等 ， 还 需 通过 微 信 的 一 些 衍 生 功 能 ， 也 融 是 大 家 癌 说 的 微 信 公众 号 。 相 对 于 个 人 而 言 ， 订 阅 号 融 可 以 完成 商品 的 推 


广 及 营销 功能 


重点 提示 


大 申请 微 信 订阅 号 


大 编辑 微 信 订 阅 号 


大 编辑 并 友 送 微 淘 广 播 


微 淘 是 手机 淘宝 推出 的 一 项 新 功能 ， 可 以 在 其 中 添加 图 片 、 文 本 及 视频 来 对 商品 进行 宣传 ， 将 微 淘 友 送出 去 后 ， 在 手机 淘宝 


中 即 可 看 到 推广 的 内 容 。 


9.1 申请 微 信 ! 可 


微 信 订 阅 账号 向 任何 政府 、 媒 体 、 企 业 、 组 织 和 个 人 都 是 免费 开放 注册 的 ， 其 中 个 人 申请 的 门槛 相对 较 低 ， 有 具体 申请 操作 如 


01 在 电脑 端 进入 微 信 公 众 平台 。 官 方 网 站 地 址 为 https://mp.weixin.qq.com， 进 入 登录 平台 后 ， 如 果 没 有 注册 过 ， 须 单 
击 “ 立 即 注册 ”文字 链接 ， 如 图 9-1 所 示 。 
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图 9-1 登录 页 面 


02 进入 注册 的 “基本 信息 ”选项 卡 中 ， 输 入 注册 邮箱 的 地 址 和 登录 微 信 公 众 平台 的 密码 ， 然 后 单 击 “ 注 册 ” 按 钮 ， 如 图 
9-2 所 泵 。 
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图 9-2 ”填写 基本 信息 
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4 信息 登记 


微 信 公众 平台 会 向 用 户 邮箱 发 送 一 份 激活 邮件 ， 单 击 “ 登 录 邮 箱 ” 按 钮 ， 对 账号 进行 激活 ， 如 图 9-3 所 示 。 
3 选择 类 型 
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图 9-3 单 击 “登录 邮箱 ”按钮 


没有 收 到 邮件 ? 
1、 请 检 音 邮箱 地 址 是 否 正 确 ， 你 可 以 返回 重新 填写 。 
“2、 榨 童 你 的 邮件 垃圾 箱 
3、 若 仍 未 收 到 确认 ， 请 尝试 旦 新 发 送 


04 进入 用 户 的 邮箱 之 后 ， 会 收 到 一 封 微 信 账 号 的 激活 邮件 ， 打 开 邮 件 单 击 链接 激活 注册 账号 ， 如 图 9-4 所 示 。 


你 好 ! 


原 谢 你 注册 短信 公众 平 合 。 
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‘9 Claire Wang 
\ 微 信 产 品 经 过 


图 9-4 激活 注册 账号 


05 ”链接 激活 成 功 后 ， 进 入 “选择 类 型 ”的 页 面 ， 目 前 微 信 公 众 平台 有 “订阅 号 ” “服务 号 ”和 “企业 号 ”三 种 账号 类 
型 ， 选 择 “ 订 阅 号 ”， 并 单 击 下 面 的 “选择 并 继续 ”按钮 ， 如 图 9-5 所 示 。 


请 选择 帐号 业 型 ， 一 上 且 成 功 建 立 帐号 ， 类 型 二 可 重 改 


可 阅 电 服务 号 


为 绎 便 和 个 人 查 供 一 补 新 的 售 息 传 攻 方式 ， 构 给 企业 和 组 由 担 供 于 澡 大 的 业务 服务 与 用 户 管 项 助 企业 和 得 纪 内 恒 建 录 员 [、 上 上 下游 侣 作 供 
建 与 芒 者 之 同 惠 好 的 沟通 与 管理 模式 . 理 兹 力 ， 帮助 企 业 快速 实现 全 新 的 公认 号 服务 伴 与 企业 开 系 统 癌 的 连接 。 


SE 
As 


运用 于 个 人 和 组 织 不 运用 村 个 人 蒜 经 关 尘 帝 特 证 身份 日 关注 有 上 限 


群 改 消息 条 /天 群发 消息 4 条 /月 群发 消息 
消息 量 示 位 置 林 阅 号 列 去 消息 时 示 位 置 会 话 列 表 消息 时 示 位 四 
基础 消息 接口 = 基础 消息 接口 / 自 定 义 菜单 = 基础 消息 接口 / 自 十 义 菜单 
自 定 久 菏 音 有 高 级 接口 能 力 有 高 级 接口 能 力 

微 信 支付 


了 和 解 详 情 


06 系统 弹出 提示 对 话 框 ， 表 次 确认 用 尸 是 否 选 择 开通 tJ 阅 号 ， 因 为 一 旦 确定 公众 号 的 类 型 将 不 得 进行 修改 ， 此 处 直接 单 


击 “确定 ”按钮 ， 如 图 9-6 所 示 。 


温馨 提 示 


总 选择 的 类 型 是 : 订阅 号 


图 9-6 ”提示 对 话 框 


07 ” 接 下 来 进入 注册 的 “信息 登记 ”环节 ， 首 移 需 要 选择 的 是 主体 类 型 ， 如 果 是 个 人 申请 ， 则 单 击 “ 个 人 ”按钮 ， 然 后 单 
击 “ 下 一 步 ” 按 钮 ， 如 图 9-7 所 示 。 


3 其 忆 信息 


用 户 信 息 登 记 


对 全 公众 平 关 到 力 于 打 适 真实 ， 曾 法 、 朋 冯 的 避 牌 推广 平 冲 ， 我 们 有 有 志 与 减 值守 约 、 进 取 担 当 的 第 三 方 合作 必 尾 失手 开 壕 ， 建 可 和 渗 沪 良性 互动 、 健 麻 
有 序 的 于 人 台 特 序 。 为 了 更 好 的 保障 你 和 广大 微 信用 户 的 利益 ,请 你 认真 填写 以 下 登记 信息 。 


用 户 信 息 登 记 韦 核 通过 后 您 可 以 : 

1. 使 用 微 信 必 庆 平 各 的 所 有 功能 ; 

2, 提高 帐号 可 信任 度 ; 

3, 点 击 吾 看 油 信 公众 平台 信息 登 记 指引 。 


请 确认 你 的 党 信人 谈 账 号 属于 歼 府 、 媒 体 、 企 业 、 其 他 组 织 或 个 人 ， 并 请 以 照 灶 应 的 将 别 进 行 信息 登记 。 


订阅 号 


政府 


温馨 提示 


微 信 公众 平台 对 企业 注册 号 管理 的 比较 严格 ， 在 选择 企业 类 型 进行 注册 时 ， 需 要 提供 一 系列 关于 企业 的 详细 信息 ， 包 括 企业 


名 称 、 企 业 邮 箱 、 企 业 地 址 、 邮 编 、 营 业 执 照 注 册 号 、 营 业 执 照 所 在 地 、 公 司 成 立 日 期 、 营 业 期 限 、 经 营 范 围 、 营 业 执 照 副本 扫 
描 件 、 注 册 资 本 、 组 织 机 构 代 码 等 。 如 果 想 以 企业 身份 为 用 户 提供 订阅 号 服务 ， 那 么 就 应 该 有 微 信 公众 平台 所 需要 的 企业 资质 。 


08 蛙 击 “下 一 步 ” 按 钮 ， 对 主体 信息 进行 登记 ， 登 记 完 成 后 蛙 击 “继续 ”按钮 ， 如 图 9-8 所 示 。 


主体 信息 登记 


身份 证 姓名 


身份 证 号 码 


人 @ 身份 验证 成 功 


图 9-8 ”主体 信息 登记 


输入 身份 证 姓名 和 身份 证 号 码 后 ， 系 统 会 弹出 一 个 用 来 注册 的 二 维 码 ， 此 时 只 要 使 用 手机 微 信 扫描 二 维 码 ， 即 可 进行 注册 。 


身 
扫描 完毕 后 单 击 “我 确认 并 遵从 协议 ”按钮 ， 此 时 手机 通过 注册 ， 如 图 9-9 所 示 。 


中 国联 通 疡 
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图 9-9 ”手机 扫描 进行 身份 确 


09 单 击 “ 继 续 ”按钮 后 ， 系 统 会 再 次 提醒 用 户 “ 主 体 信息 提交 后 不 可 修改 ”， 确 定 无 误 ， 单 击 “ 确 定 ” 


所 示 。 


按钮 ， 如 图 9-10 


主体 信息 提交 后 不 可 修改 


主 笨 名 称 : 


总 主 恒 一 经 标 亚 ， 指 成 为 你 使 用 微 估 会 庆 平 台 各 项 服务 与 功能 的 唯一 法 律 主 体 与 纱 约 主 性 ， 趟 
得 和 要 轩 可 虹 收 。 个 人 其 模 各 个 去 持 辣 恒 认 址 。 胸 本 从 在 渤 律 和 宛 证 肌 季 国内 同 币 迟 用 户 展 zr 有 9 
主 册 信息 对 这 写 盗 料 的 9 识 广 性 、 癌 法 性 、 准 大 性 和 有 效 性 重担 吉 任 . 否则 | 腾 讳 吝 术 拒绝 
或 符 下 和 棵 供 服 务 。 


二 

上 1 EE = 
TI -< 
地 到 : 湖 : 站 音 


ES 


图 9-10 ”主体 信息 确认 提示 


10 ”进入 “公众 号 信息 ”登记 环节 ， 包 括 账号 名 称 、 功 能 介绍 、 运 营地 区 ， 其 中 账号 名 称 一 经 确定 就 无 法 修改 了 ， 所 以 订 
阅 号 的 名 称 一 定 要 按照 自己 运营 的 产品 特色 事先 设计 好 ， 单 击 “完成 ”按钮 ， 完 成 订阅 号 的 申请 ， 如 图 9-11 所 示 。 


“上 用 竹 误 十 3 许 拌 涩 型 中 TT 3 2 与信 息 


< 二 堆 码 /条 码 


CR 徽 全 公众 平台 


查看 历史 消息 


返回 完成 


图 9-11 公众 信息 内 容 


11 微 信 订阅 账号 申请 好 后 ， 系 统 弹出 “注册 成 功 ” 对 话 框 ， 如 图 9-12 所 示 。 


© 祝贺 你 ! 你 已 经 成 功 创建 一 个 公众 帐号 .。 


前 往 微 信人 公众 平台 


图 9-12 ”注册 成 功 


12 单 击 “ 前 往 微 信 公 众 平 台 ” 按 钮 ， 此 时 订阅 号 已 经 申请 注册 成 功 ， 系 统 会 直接 进入 微 信 订 阅 号 的 欢迎 页 面 ， 如 图 9-13 
所 泵 。 


晶 昌 功能 
符 吕 功能 
自动 回复 
下 定义 逐 音 
村 mm 
投票 管理 ma 
:十 漆 加 功能 括 件 ED : 短信 公众 平 各 推出 针对 开发 者 的 向 信 认 证 于 件 推送 上 2015-10-10 
ba 管理 向 信 卡 券 新 功 毅 开放 公告 0 2015-09-08 
消息 管理 公交 平台 新 增城 市 服务 功能 2015-08-19 
用 户 守 理 人 次 平 着 对 认证 号 开放 荣 单 连 Wi-Fi 能 力 2015-08-17 
索 材 管理 
公 庆 平台 新 增 图 区 内 容 中 图 片上 传 接口 ， 并 十 滤 外 镁 图 片 2015-07-3] 
时 | 推广 公众 平台 支持 原创 文章 选 笃 转载 内 型 A 
广告 电 
短信 公众 平台 手机 版 公测 0 
流量 主 


图 9-13 ”订阅 号 欢迎 页 面 


9.2 ”编辑 微 信 订阅 号 


微 信 订阅 号 允许 运 言 者 每 日 向 用 户 友 和 送 一 条 群 上 友 消 息 ， 这 则 消息 可 以 是 直接 的 内 容 消息 ， 也 可 以 是 图 文 相 混合 的 消息 。 一 般 
订阅 号 都 会 采取 图 文 混合 的 消息 形式 进行 友 送 ， 其 中 有 标题 、 配 图 ， 展 现在 用 户 面 前 比较 直观 ， 也 比较 有 美感 。 图 文 消息 又 被 分 
为 单 图 文 消息 和 多 图 文 消息 ， 这 个 视 发 送 的 内 容 而 定 。 


9.2.1 编辑 图 文 消 忆 


在 针对 商品 进行 多 人 群 友 设 置 时 ， 首 先 要 对 友 送 的 “图 文 消息 ”进行 编辑 ， 具 体操 作 如 下 : 


01 进入 微 信 公众 号 平台 后 ， 人 在 “功能 区 ” 单 击 “ 群 友 功 能 ”按钮 ， 进 入 群 上 友 页 面 ， 可 以 选择 “ 群 用 对象”， 如 一 两 个 分 
组 或 全 部 用 户 。 在 “ 群 友 对 象 ”下面 是 编辑 文本 框 ， 其 中 包括 图 文 消 息 、 文 本 、 图 片 、 语 音 和 视频 ， 如 果 要 友 送 图 文 消 息 ， 则 单 


击 “ 图 文 消 息 ” 按 钮 ， 进 入 图 文 消息 的 编辑 区 ， 单 击 “ 新 建 图 文 消息 ”按钮 ， 如 图 9-14 所 示 。 


群发 功能 
新 建 群发 消息 。 ”已 发 送 
自动 回复 
自 定义 菜单 Se s 情 低 从 


投票 管理 
话 点 计 钴 
全 部 用 户 全 部 国家 


图 文 消息 文字 a 


广告 主 | 于 = 


图 9-14 ”订阅 号 群发 功能 页 面 


02 ”系统 跳 转 到 “素材 管理 ”页 面 ， 对 图 文 内 容 进行 编辑 ， 可 以 对 每 个 图 文 内 容 的 标题 、 作 者 、 封 面 、 正 文 内 容 进 行 编 
辑 。 如 果 两 则 图 文 内 容 不 够 ， 可 以 进行 添加 ， 最 多 再 添加 6 则 图 文 消息 ， 总 数 不 能 超过 8 则 ， 整 体 编辑 完成 乙 后 ， 单 击 “ 保 
仓 ” 按 钮 ， 将 编辑 的 内 容 进行 保存 。 单 击 “ 预 多 ”按钮 可 以 将 图 文 信息 友 送 给 措 定 的 微 信 账号 进行 手机 端的 预 铭 ， 如 图 9-15 所 


小 \。 


微 信 . 公众 平台 


(< ) 素材 库 / 新 建 图 文 消息 


下 


图 文 列表 16px ” 自动 保存 (5 多 媒体 


请 在 这 里 输入 标题 


请 输入 作者 


(< 素材 库 / 新 建 图 文 消息 


J 


图 文 列表 


点 布 样式 编辑 


封面 大 图 片 建议 尺寸 : 900 像 素 * 500 像 素 
本 地 上 传 从 图 片 库 选择 
封面 图 片 显示 在 正文 中 


摘要 选 填 ,如果 不 填写 会 默认 抓 取 正 文 前 34 个 字 


J_ 


图 9-15 ”订阅 号 图 文 消 息 编 辑 页 面 


03 在 “标题 ”区 输入 “ 乐 乐 户外 ”，“ 作 者 ”为 cpq， 单 击 右 人 出 “多 媒体 ”下 面 的 “图 片 ”按钮 ， 在 弹出 的 “选择 图 
片 ” 对 话 框 中 选择 图 片 ， 如 图 9-16 所 示 。 


目 动 保存 (5 


乐 乐 户外 


cpq 


选择 图 片 


全 部 图 片 (215) 
未 分 组 (2U 
文章 配 图 (12) 

上 -新建 分 组 
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Qe@@ 


单列 图 像 设计 ..… 


人 二 三 ^ 并 和 
PPE Wi 生 ， ie < 风 寺 


粘贴 图 片 _201.. 


已 选 2 个 ， 可 选 100 个 


04 选择 


乐 乐 户外 


里 击 可 以 ce 
新 的 图 文 


忆 


图 片 后 单 击 “ 确 定 ”按钮 ， 此 时 会 将 图 片 放置 到 “正文 区 ”， 


图 9-16 ”选择 图 片 


已 美 闭 图 片 水 印 
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17122:| 


图 9-16 ”选择 图 片 ( 续 ) 


如 图 9-17 所 示 。 


乐 乐 户外 


cpq 


单 击 可 以 将 
机 中 的 图 片 


计算 
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/ 伯 式 站 片 钙 妆 代号 的 


主 "” 控 向 ,此 时 避 欧 界面 寂 人 痢 刘 共和 


粘贴 图 片 _201... 


nneranws rE EBM 


类 贴图 片 _201.. 


吕 t 读 


插 人 的 图 片 


图 9-17 插入 图 片 


ale! 
七 
折 
:910920 


05 图 片 插入 完 侍 后 ， 可 以 在 “正文 区 ”编辑 天 于 图 片 的 文案 ， 再 为 其 插入 一 些 与 此 设计 相关 的 图 片 ， 以 及 让 大 家 转 友 的 


图 片 ， 如 图 9-1 8 所 示 。 


场景 人 物 


插入 的 图 片 


单列 图 像 在 移动 端 网 店 中 可 以 分 为 “宝贝 类 ”和 “图 文 类 ”中 ， “宝贝 类 ”中 的 单列 
用 来 显示 发 布 宝贝 的 图 片 ， 通 常 系统 会 自动 按照 淘 主 中 上 传 的 宝贝 ， 按 照 手机 屏幕 自行 显 一 括 入 的 文本 | 
示 在 单列 图 像 大 小 ，“ 图 文 类 ”中 的 单列 图 像 ， 可 以 将 自己 设计 制作 的 广告 宣传 图 添加 到 
于 此 ,此 类 的 图 片 大 小 在 移动 端 网 店 中 按 608 像 素 x (200-960) 像 素 进行 预先 设置 。 


pt : pet pl 
[m] a te [m] SS 中 插入 的 疼 所 


图 9-18 ”编辑 文案 以 及 图 片 


06 同 下 移动 ， 在 “发布 样式 编辑 ”下 面 单 击 “ 从 图 片 库 选择 ”按钮 ， 在 此 选择 一 张 适合 的 封面 图 片 ， 如 图 9-19 所 示 。 


图 文 诈 表 


封面 大 图 片 建 议 尺寸 : 900 像 素 * 500 像 素 
乐 乐 户外 


从 图 


摘要 选 填 ， 如 果 不 填 与 会 默认 抓 取 IE 文 前 34 个 字 


选择 图 片 


全 部 图 片 (218) 
未 分 组 (203) 


建议 尺寸 : 900 像 素 * 500 像 素 ， 已 关闭 图 片 水 印 


图 (1 93) 场景 留 白 


| 标 答 ] #ebb512 #2996fb 
I 


003.png 002.png 001.png 单列 图 像 朗 计 .… 
| 己 角 间 看 逢 天 家 是 看 不 到 。 所 (二 
er 是 硬 机。 


:Ee i 让 


= 三 个 ， 基 时 优 可 以 机 或 天 所 三 醒 入 刷 的 F。。 呈 ” 二 区 由 ANE 。 证 碌 吾 门 ” 属 叶 这 本 -1 在 帮 
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图 文 列表 


点 布 样式 编辑 


封面 大 图 片 建 议 尺 寸 : 900 像 素 * 200 像素 
从 图 片 库 选择 


| | 
ale! 


上 断 回 ;和 和 和 天 
EEN 


摘要 选 填 ,如果 不 填写 会 默认 抓 取 正 文 前 54 个 字 


图 9-19 ”插入 封面 图 片 


07 ”在 已 经 添加 封面 的 图 文 消息 下 面 单 击 “+” 按 钮 ,新建 一 个 “图 文 消息 ”， 如 图 9-20 所 示 。 


(< ) 素材 库 / 新 建 图 文 消息 


\- As 、 mad = 
这 里 输入 标题 


、\ -二 
请 在 


浴 加 的 图 文清 且 


图 9-20 ”添加 图 文 消息 


08 ”作为 演示 使 用 ， 这 里 我 们 添加 一 个 视频 ， 先 输入 标题 ， 然 后 在 右 侧 “ 多 媒体 ”区 单 击 “视频 ”按钮 ， 如 图 9-21 所 示 。 


淘宝 中 联系 我 们 图 片 制作 


Cpq 


图 9-21 输入 标题 准备 添加 视频 
09 在 弹出 的 “选择 视频 ”对 话 框 中 单 击 “ 新 建 视频 ”按钮 ， 如 图 9-22 所 示 。 


视频 网 址 十 新 建议 闫 
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图 9-22 ”新 建 视频 


10 在 弹出 的 菜单 中 设置 标题 、 分 类 、 标 答 及 简介 等 ， 再 单 击 “ 选 择 文 件 ” 按 钮 ， 如 图 9-23 所 示 。 


上 传 视频 ”视频 不 能 超过 20M ， 支持 大 部 分 主流 视频 格式 ， 超 过 20M 的 视频 可 至 腾讯 视频 上 传 后 添加 


选择 文件 
3 


淘 宇 联系 我 们 图 片 制作 


教育 


淘宝 课堂 * 


径 衬 润 宝 实例 制作 


图 9-23 ”设置 参数 


11 在 弹出 的 对 话 框 中 找到 一 个 录制 好 的 视频 ， 如 图 9-24 所 示 。 


e。 
商品 详情 页 设计 . 


N): 联系 我 们 图 片 设计 与 制作 ,mp4 


图 9-24 ”选择 视频 


12 单 击 “ 打 开 ” 按 钮 ， 视 频 会 被 上 传 ， 如 图 9-25 所 示 。 


上 传 视频 ”视频 不 能 超过 20M ， 支持 大 部 分 主流 视频 客 式 ， 超 过 20M 的 视频 可 全 腾讯 视频 上 传 后 添加 


联系 我 们 图 片 设 计 与 制作 ,mp4 娶 消 上 传 


剩余 时 间 :4.2 秒 ”速度 :910.0kB | 已 上 传 :1.3MB/4.0MB 
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图 9-25 ” 上传 视 频 


13 ”上传 成 功 后 ， 单 击 “ 保 人 存 ” 按钮 ， 此 时 会 企 “ 款 材 管 理 ” 中 的 “视频 ” 标 釜 中 看 到 上 传 的 视频 ， 如 图 9-26 所 示 。 


视频 列表 ( 共 33 个 ) 


图 9-26 ”选择 视频 


因为 上 传 的 视频 需要 转 码 ， 所 以 我 们 在 “视频 ”标签 中 先 看 到 的 是 转 码 中 的 视频 ， 之 后 是 审核 中 的 视频 ， 等 一 会 就 可 以 看 到 
视频 本 身 了 ， 如 图 9-27 所 示 。 


图 9-27 视频 转 码 


14 ”返回 到 编辑 “图 文 消息 ”页 面 ， 单 击 右 侧 “ 多 媒体 ”中 的 “视频 ”， 在 弹出 的 菜 蛙 中 选择 刚才 上 传 的 视频 ， 如 图 9-28 
所 示 。 


图 9-28 ”选择 视频 


15 ”选择 视频 后 ， 单 击 “确定 ”按钮 ， 将 视频 插入 到 “新 建 图 文 消息 ”中 ， 如 图 9-29 所 示 。 


图 廊 列 表 


淘 皇 中 联系 拷 


们 图 片 制作 


图 9-29 ”插入 的 视频 


16 视频 插入 完毕 后 ， 为 第 二 个 图 文 消息 添加 一 个 封面 ， 如 图 9-30 所 示 。 再 为 其 插入 一 些 求 天 注 的 图 片 ， 以 及 让 大 家 转 皮 
的 图 片 。 


封面 小 图 片 建议 尺寸 : 200 像 表 * 200 像 吉 
从 正文 选择 从 图 片 库 选择 


淘 宇 中 联系 我 
们 图 片 制作 


摘要 选 填 ， 如果 不 填 写 会 默认 抓 取 正文 前 34 个 字 


图 9-30 ”添加 封面 


9.2.2 友和 布 图 义 消 轧 


在 公众 号 平台 中 编辑 完成 “图 文 消息 ”后 ， 丈 需要 对 其 进行 友 布 了 ， 具 体 的 友 布 方法 如 下 : 


01 编辑 完毕 后 ， 单 击 右 下 角 的 “ 保 仓 并 上 友 布 ”按钮 ， 此 时 会 进入 到 “和 群 友 管理 ”页 面 中 ， 单 击 “ 群 友 ” 按 钮 ， 如 图 9-31 
所 示 。 


图 9-31 群发 


02 单 击 “ 群 友 ” 按 钮 后 ， 系 统 会 弹出 如 图 9-32 所 示 的 “温馨 提示 ”对 话 框 。 


图 9-32 “ 温 刻 提示 ”对 话 框 


03 单 击 “确定 ”按钮 ， 会 弹出 “ 微 信 验证 ”对 话 框 ， 在 此 中 会 出 现 一 个 二 维 码 ， 如 图 9-33 所 示 。 


dE ralls 


管理 员 裤 信号 与 返 营 者 祖 信 号 可 直接 扫 铀 新 证 ， 非 管理 员 栖 信和 霹 扫 人 录 后 希 管 理 员 和 粮 证 遂 过 。 抬 作 指 3 


图 9-33 ” 微 信 验证 


04 ”此 时 只 要 使 用 捆绑 的 手机 扫描 二 维 码 ， 在 手机 端 弹 出 的 “公众 平台 安全 保护 ”页 面 中 直接 点 击 “ 确 定 ” 按钮， 允许 公 
众 号 发 布 ， 如 图 9-34 所 示 . 
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图 9-34 ”扫描 后 允许 发 布 


05 在 “ 微 信 公众 平台 ”中 ， 可 以 看 到 友 布 的 图 文 消息 ， 如 图 9-35 所 示 。 


| 时: 本 


群 点 功能 
目 式 回复 
目 定 尽 药 单 
探 标 管 替 


十 添加 功能 插件 
[图 交 1] 乐 乐 户外 


c 记 小 程序 GE sn 


小 竺 序 管理 


展示 场景 
[图 w2] 淘 宝 中 联系 我 们 图 片 制作 


A 管理 P+ le 0 


PT | 


图 9-35 ”发 布 的 图 文 消息 


06 在 手机 中 打开 “ 微 信 订阅 号 ”， 就 可 以 看 到 友 布 的 内 容 了 ， 如 图 9-36 所 示 。 
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图 9-36 ”发 布 的 内 容 
温 寺 提示 


因为 通过 微 信 平台 发 送出 去 的 消息 是 不 能 重新 编辑 和 删除 的 ， 所 以 切记 要 审核 好 后 再 发 出 ， 一 般 所 有 账号 都 接收 到 消息 需要 
10~20 分 钟 的 时 间 。 


9.2.3 添加 目 定 义 某 音 


在 订阅 号 中 添加 自 定义 菜单 ， 可 以 让 关注 的 朋友 ， 快 速 查 找 想 看 的 内 容 ， 具 体 的 添加 方法 如 下 : 


01 进入 “ 微 信 公众 号 ”平台 ， 在 左 侧 单 击 “ 目 定义 菜单 ”， 人 在 右 侧 菜单 中 单 击 “+ ”按钮 ， 为 其 添加 菜单 ， 最 多 可 添加 3 
个 菜单 ， 并 输入 菜单 名 称 ， 如 图 9-37 所 示 。 
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图 文 消 号 


公众 号 设置 


向 信 认 证 


图 9-37 添加 菜单 


02 ”选择 其 中 一 个 菜单 ， 单 击 “+” 按 钮 ， 为 其 添加 子 菜 单 ， 最 多 可 添加 5 个 子 菜 单 ， 如 图 9-38 所 示 。 
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图 9-38 添加 子 菜单 


03 ”选择 子 荣 单 中 的 “历史 上 友 布 ”， 在 “ 子 菜单 内 容 ” 区 选中 “ 跳 转 网 页 ” 单 选 按钮 ， 人 在 “页 面 地 址 ”中 单 击 “ 从 公众 号 


图 文 消息 中 选择 ”文字 链接 ， 如 图 9-39 所 示 。 
04 ”弹出 “选择 图 文 消息 ”对 话 框 ， 单 击 “ 历 史 消息 ”选项 卡 ， 勾 选 “ 跳 转 到 历史 消息 列表 ” 复 选 框 ， 如 图 9-40 所 示 。 


二 生生 Chat 全 1:21 AM oo So 
内 中 点 布 


< 返回 jl 程 乐 乐 


子 莱 单 人 名称 。 历史 发 布 


| i 


ee ' Ma | 
. = me de i 
= = i 
| P| 
= 
w= mm 四 = 


= b 点 — 
Et ps 课程 网 店 装 收 1 


图 9-39 ”设置 子 菜单 
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缴 信 两 学院, 开发 者 培训 旺 【第 五 期 西安 
站 ) ， 现 正 报名 。 


公众 帐号 历史 涪 息 列表 示例 


图 9-40 设置 链接 


05 设置 完毕 后 单 击 “ 确 定 ”按钮 ，“ 历 史 发 布 ”链接 设置 完毕 ， 如 图 9-41 所 示 。 
06 在 子 菜单 中 选择 “ 康 达 盈 创 ”， 在 “ 子 菜单 内 容 ”区 选中 “发 送 消息 ' 


单 选 按钮 ， 再 逐步 单 击 “ 图 片 ” 及 “上 传 图 
请 ”按钮 ， 如 图 9-42 所 示 。 
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图 9-41 “历史 发 布 ”链接 设置 完毕 
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图 9-42 上传 图 片 


07 在 弹出 的 “打开 ”对 话 框 中 找到 “ 康 达 和 忽 创 ”的 Logo， 如 图 9-43 所 示 。 
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图 9-43 ”选择 图 片 


单 击 “ 打 开 ” 按 钮 ， 上 传 图片 ， 如 图 9-44 所 示 。 
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图 9-44 ”上传 图 片 


温馨 提示 
其 他 的 子 菜单 链接 都 与 这 个 类 似 ， 只 要 大 家 认真 操作 就 可 以 设置 链接 。 


09 ”设置 完毕 后 单 击 “ 保 存 并 发 布 ” 按 钮 ， 此 时 就 可 以 在 手机 的 订阅 号 中 看 到 目 定 义 菜 单 ， 如 图 9-45 所 示 。 
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淘宝 中 联系 我 们 图 片 


图 9-45 ”发 布 后 的 自 定义 菜单 


9.2.4 设置 目 动 回复 


在 订阅 号 中 设置 目 动 回复 功能 ， 可 以 让 朋友 获得 最 快 的 回复 ， 具 体 的 设置 方法 如 下 : 


01 目 动 回复 可 以 省 去 很 多 的 手动 操作 时 间 ， 由 系统 目 动 按照 分 类 进行 信息 回复 。 进 入 订阅 号 公众 平台 ， 选 择 “ 目 动 回 
复 ” 功 能 ， 在 “ 目 动 回复 ”页 面 中 可 以 看 到 自动 回复 的 相关 设置 ， 其 中 包 售 “被 添加 自动 回复 ” “消息 目 动 回 复 ” 和 “天 键 词 目 
动 回 复 ” 三 个 设置 选项 ， 如 图 9-46 所 示 。 


02 ”选择 “被 添加 目 动 回复 ”时 ， 通 常用 尸首 次 关注 订阅 号 后 ， 系 统 目 动 友 给 用 尸 的 图 文 信息 一 般 是 欢迎 类 的 文字 内 容 ， 
并 采用 拟人 的 口吻 告诉 用 尸 目 己 能 给 用 尸 提 供 的 帮助 ， 此 处 内 容 需 要 运营 者 进行 相关 的 设计 ， 如 图 9-47 所 示 。 
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图 9-46 ”订阅 号 自动 回复 
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图 9-47 被 添加 自动 回复 


03 ”选择 “消息 自动 回复 ”， 此 功能 是 在 用 户 友 送 非 关键 词 的 文字 时 ， 系 统 友 送 给 用 尸 的 消息 ,一般 为 希望 用 尸 翻阅 历史 
消息 进行 得 看 ， 或 者 用 户 遇 到 问题 可 以 留言 或 拨打 客服 电话 等 ， 此 处 的 内 容 也 需要 运 豆 者 进行 相关 的 设计 ， 如 图 9-48 所 示 。 


自动 回复 


- Eh Sr 一 上 


自 
二 


sf 


被 添加 自动 回复 ”县 二 二 = 已 昌 二 轴 关 寺 局 自 动 回复 公众 平台 如 何 设置 消息 自 动 回复 
天 

展 是 C 志 过 。 
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回复 【帮助 】 即 可 查看 使 用 指南 。 


2014 全 国电 子 商 务 运 营 技 能 竞赛 本 5 月 28 与 放 司 . 
回复 【竞赛 】 即 可 得 在 竞赛 有 元 资 遍 。 
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图 9-48 消息 自动 回复 


04 选择 “天 键 词 目 动 回复 ”时 ， 对 于 已 经 建立 的 天 键 词 ， 用 户 只 要 回复 关键 词 或 包含 天 键 词 的 相关 内 容 ， 系 统 残 会 目 动 
回复 已 经 设置 好 的 回复 内 容 。 运 营 者 也 可 以 作为 用 己 通 过 回复 关键 词 来 检查 设置 的 准确 性 ， 如 图 9-49 所 示 。 
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规 刚 57: 了 梭 场 

杀 键 词 职场 

回复 2 条 ( 0 条 文字 ，0 委 图 片 ，0 条 语音 ， ，2 条 图 六 ) 
规则 56: 无 节 拉 


关键 词 亢 下 把 
回复 2 条 ( 0 震 文 字 ，0 科 图片 ，0 条 语音 ，0 条 视频 ， 


图 9-49 ”关键 词 自动 回复 


可 以 是 图 文 ， 由 运营 者 视 内 容 而 定 。 


9.2.5 ”订阅 号 推 过 的 扩 015 


对 于 订阅 号 的 推送 ， 可 以 说 直接 能 够 影响 粉丝 的 数量 ， 有 计划 、 有 目的 的 推送 才能 达到 预想 的 效果 ， 否 则 只 会 起 到 相反 的 作 
用 ,让 粉丝 失去 对 你 的 兴趣 甚至 还 会 取消 对 该 订阅 号 的 关注 。 因 此 ， 在 推送 时 一 定 要 按照 订阅 号 的 内 容 及 针对 的 人 群 做 好 相关 的 
准备 ， 比 如 订阅 号 是 以 娱乐 内 容 为 主 ， 那 么 贺 要 考虑 到 接受 人 群 的 时 间 、 爱 好 及 对 内 容 长 短 的 要 求 ， 以 下 为 9 个 推送 技巧 ， 大 家 
可 以 作为 参考 。 


(1) 订阅 号 群发 消息 一 般 选 择 在 上 午 8~9 点 之 间 ， 晚 上 6~22 点 左右 ， 大 多 数 这 个 时 间 段 用 户 都 在 玩 手机 和 聊 微 信 。 
(2) 推送 消息 最 好 不 要 超过 三 条 内 容 ， 建 议 一 个 头条 ， 一 个 互动 话题 天 可 以 了 。 


(3) 设置 大 量 的 关键 词 来 自动 回复 用 户 的 需求 ， 这 些 关 键 词 都 是 通过 “实时 消息 ”中 用 户 的 提问 整理 出 来 的 ， 通 过 关键 记 
设置 ， 为 客户 推送 答案 ， 书 约 客 服 沟通 时 间 。 除 此 之 外 ， 还 有 一 些 比 较 实 用 的 运 宫 近 能 。 


(4) 订阅 号 最 好 取 一 个 有 个 性 和 态度 的 名 字 ， 体 现 订 阅 号 的 定位 或 品位 。 

(5) 企业 的 订阅 号 一 定 要 进行 官方 的 认证 ， 以 显示 其 官方 性 和 权威 性 。 

(6) 多 多 鼓励 粉丝 将 内 容 分 享 到 朋友 圈 ， 还 可 以 通过 活动 的 形式 来 敦 励 分 享 。 

(7) 内 容 方面 简单 ， 有 条 理 就 可 以 了 ， 文 章 内 容 最 好 以 配 图 + 文字 的 形式 呈现 ， 但 文字 最 好 不 要 超过 800 字 。 


(8) 善 用 短信 中 的 “数据 统计 ”， 很 多 运营 问题 都 可 以 通过 微 信 公众 平台 的 数据 分 析 功 能 了 解 到 ， 如 友和 布 的 内 容 用 尸 喜 欢 
吗 ? 通过 数据 统计 ， 可 以 清楚 地 了 解 到 粉丝 量 ， 每 天 新 关注 人 数 、 挥 粉 数量 ; 通过 “用 尸 属性 ”看 到 订阅 用 户 性 别 、 省 份 ;， 通 
过 “图 文 分 析 ” 了 和 解 每 次 信息 推送 情况 ， 如 送 达 人 数 、 图 文 页 阅读 人 数 、 原 文 页 阅读 人 数 、 分 享 转 友人 数 。 


(9) 分 组 管理 客户 ， 通 过 分 组 管理 ， 大 家 可 以 根据 性 别 、 地 区 、 客 户 组 别 、 会 员 等 级 等 ， 有 针对 性 地 推送 消息 ， 满 足 不 同 
用 户 的 品位 和 需求 。 


9.2.6 ”订阅 号 如 何 更 能 吸引 浏 哆 

如 果 想 把 订阅 号 的 内 容 做 得 更 加 吸引 人 ， 最 好 在 “新 ”“ 精 ”“ 趣 ”““ 准 ”这 几 个 万 面 多 下 一 些 功夫 。“ 新 ”是 指 内 容 新 鲜 
与 时 俱 进 ， 要 考虑 每 天 友 布 的 内 容 是 否 有 新 鲜 感 ， 例 如 一 个 成 功 的 本 地 旅游 订阅 号 ， 每 天 以 不 同 的 形式 ,不同 的 方法 推荐 一 处 旅 
游 点 ， 这 样 会 使 用 户 况 得 订阅 号 可 以 让 他 们 随时 擎 握 旅 游 信息 ， 内 容 始终 具备 新 鲜 感 。“ 精 ” 指 的 是 内 容 的 档次 与 质量 ， 从 微 信 
5.0 以 后 所 有 用 尸 的 订阅 号 都 被 折 革 收藏 人 在“ 订阅 号 ”下 ， 如 果 内 容 没 有 质量 ， 又 怎么 会 有 用 己 一 层 层 点 击 进去 看 呢 ?“ 趣 ” 指 
的 是 内 容 的 精彩 程度 和 趣味 性 ， 订 阅 号 一 定 要 在 这 方面 下 足 功夫 ， 做 到 内 容 有 趣 和 互动 有 趣 ， 在 内 容 上 时 不 时 加 点 该 谐 和 山 默 ， 
相信 用 户 会 更 喜欢 。“ 准 ” 指 的 是 对 内 容 的 定位 要 准 ， 要 弄 清 楚 用 户 订 阅 账号 到 底 是 为 了 什么 ? 是 为 了 具 时 效 性 的 内 容 还 是 你 的 
轻松 幽默 ， 是 天 注 新 品 友 布 还 是 希望 收集 到 打折 信息 等 ， 这 些 都 是 在 进行 内 容 定位 时 需要 考虑 的 。 如 果 能 够 做 好 这 4 点 ， 相 信用 


户 成 为 粉丝 只 是 时 间 的 问题 。 


9.2.7 ”订阅 号 如 何 推广 会 更 加 受 丛 


订阅 号 申请 完毕 并 添加 内 容 后 ， 如 何 让 更 多 的 人 知道 ， 是 每 个 订阅 号 必须 要 做 的 事 。 天 于 订阅 号 的 推广 主要 可 以 在 以 下 5 个 
方法 中 进行 推广 传播 : 


万 法 一 : 友 动 所 有 好 友 、 熟 悉 的 人 帮助 你 在 朋友 圈 内 做 一 定时 间 的 推广 ， 提 高 传播 率 。 


方法 二 : 利用 一 切 可 能 的 实物 进行 印 制 宣传 ， 比 如 在 名 片 、 宣 传单 、 手 提 和 袋 、 产 品 包装 、 小 礼品 上 印 制订 阅 号 的 二 维 码 ， 并 
且 对 二 维 码 进行 简单 的 设计 和 美化 ， 使 二 维 码 更 加 醒目 ， 还 可 以 根据 不 同 的 物品 给 二 维 码 配 上 不 同 的 话语 ， 以 宣传 目 己 的 品牌 ， 
比如 经 常会 看 到 二 维 码 芳 边 配 着 一 句 话 : “ 扫 一 扫 ， 有 惊喜 !“ 


方法 三 : 在 网 络 上 进行 推广 ， 如 QQ 群 、 论 坛 、 社 区 ， 各 大 网 站 等 ， 只 要 允许 放置 二 维 码 的 地 方 都 可 以 尝试 进行 宣传 ， 提 高 
订阅 号 的 曝光 率 。 


方法 四 : 将 订阅 号 的 二 维 码 制作 成 签名 档 ， 通 过 互动 回复 增加 曝光 率 ， 回 复 一 次 丈 曝 光一 次 。 


方法 五 : 如 果 是 企业 的 订阅 号 ， 可 以 将 其 二 维 码 放 在 企业 网 站 、 微 博 背 景 中 最 醒目 的 位 置 ， 甚 至 可 以 放 在 企业 的 招聘 信息 
中 、 打 折 优 惠 广告 中 、 企 业 宣传 视频 中 等 ， 总 之 ， 利 用 一 切 可 以 利用 的 渠道 推广 自己 的 订阅 号 。 


9.2.8 ”订阅 号 如 何 与 用 己 互 动 交 流 


在 订阅 号 中 ， 互 动 是 必须 的 ， 为 什么 呢 ? 一 方面 是 让 用 户 知 道 你 是 一 个 活生生 的 人 在 运营 而 不 是 机 器 ; 另 一 方面 是 可 以 加 深 
用 户 对 账号 的 感情 ， 增 加 用 户 对 账号 的 黏度 ， 维 护 好 已 有 的 粉丝 。 在 订阅 号 中 如 何 做 好 互动 ”首先 ， 内 容 要 有 话题 性 ， 即 无 论 是 
你 发 的 文章 ， 还 是 做 的 活动 ， 部 要 让 用 尸 有 想 参 与 讨论 的 兴趣 和 和 欲望， 他 们 才 愿 意 友 声 ; 其 次 ， 可 以 在 目 定 义 菜 单 中 设置 一 个 醒 
目的 菜单 ， 让 用 户 第 一 时 间 找 到 互动 的 地 万 ， 很 多 订阅 号 中 菜单 内 容 都 是 互动 性 质 的 ， 用 户 想 要 互动 交流 的 时 候 能 够 第 一 时 间 找 
到 入 口 ， 对 互动 参与 度 目 然 有 影响 ; 第 三 ， 用 户 互 动 内 容 及 时 回复 ， 如 果 你 没有 及 时 回复 用 户 的 内 容 ， 用 户 会 认为 不 爱 重 视 ， 用 
尸体 验 很 不 好 ， 对 于 忠实 粉丝 来 说 可 能 还 可 以 理解 和 接受 ,但 是 对 于 临时 订阅 者 而 言 ， 他 们 很 有 可 能 因为 服务 不 周 而 退 订 J。 
此 ， 做 好 互动 ， 对 于 维护 好 粉丝 天 系 具 有 重要 意义 ， 粉 丝 才 是 营销 的 基础 ， 尽 可 能 地 把 举 棋 不 定 的 粉丝 变 成 你 的 忠实 粉丝 ， 粉 丝 
越 多 ， 被 传播 的 也 束 会 越 广 。 


9.3 ”编辑 并 祥 送 敏 淘 三 播 
微 淘 是 手机 淘宝 变形 的 重要 产品 之 一 ， 定 位 是 基于 移动 消费 领域 的 入 口 ， 在 消费 者 生活 细 分 领域 ， 为 其 提供 方便 、 快 捷 、 省 
钱 的 手机 购物 服务 。 


微 淘 的 核心 是 回归 以 用 户 为 中 心 的 淘宝 ， 而 不 是 小 二 推荐 、 流 量 分 配 ， 每 一 个 用 户 有 目 己 天 注 的 账号 ， 感 兴趣 的 领域 ， 通 过 
订阅 的 方式 ， 获 取信 息 和 服务 ， 并 且 运 营 者 、 粉 丝 之 间 能 够 围绕 账号 产生 互动 。 在 微 淘 中 可 以 友 帖 子 、 友 图 片 、 友 上 新 、 友 视频 


等 内 容 ， 如 图 9-50 所 示 。 本 方丈 以 微 淘 中 的 各 个 内 容 作为 讲解 对 象 。 


《@) 微 海 管理 中 心 
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号 草稿 箱 发 帖子 发 主 内 ; 发 图 片 发 上 新 预 上 新 


上 发 布 微 淘 


由 优质 案例 


出 丛 光 数据 


”粉丝 管理 


图 9-50” 微 淘 发 送 内 容 


9.3.1 友 上 亲 


在 手机 淘宝 “ 友 微 淘 / 友 上 新 ”中 可 以 友 布 文本 、 商 品 等 内 容 。 人 在 手机 淘宝 中 进入 微 淘 编 辑 并 友 布 上 新 的 方法 如 下 : 


01 进入 手机 淘宝 店铺 ， 在 “无 线 运营 中 心 ” 页 面 中 选择 左 侧 的 “ 友 微 淘 ”， 如 图 9-51 所 示 。 
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上 新 描述 配置 


管理 中 心 \ 次 雪 中 送 碳 。 
mpr 


图 9-51 ”选择 发 微 淘 


02 单 击 “ 友 上 新 ”按钮 ， 在 进入 的 “添加 上 新 宝贝 ”页 面 中 设置 “上 新 内 容 描述 ”， 然 后 单 击 “ 添 加 宝贝 ”按钮 ， 如 图 
9-52 所 泵 。 


微 淘 管理 中 心 


+ 上 新 内 容 摘 述 | 有 意 藉 的 一 次 户外 活动 ， 装备 应 该 是 非 党 重要 一 项 和 内容。 好 的 户外 装备 会 使 您 的 户外 之 行 更 加 有 意 交 ! 


+ 潜 加 宝贝 


请 添加 50 个 以 内 宝贝 


病程 主打 功能 “需要 至 少 6 个 宇 贝 开启 主打 功能 ， 该 专题 会 在 头 部 被 重点 推荐 


添加 互动 二 无 组 件 ′， 群 嘱 


十 的 投 视 | 在 指定 时 间 投 入 


点 布 (今日 还 可 友 布 : 1 篇 ) 


图 9-52 上 新 宝贝 


03 ”在 弹出 的 “ 湛 加 宝贝 ”对 话 框 中 输入 宝贝 的 链接 ， 在 “出 售 中 的 宝贝 ”中 复制 链接 并 将 其 粘贴 ， 如 图 9-53 所 示 。 


添加 宝贝 


在 此 处 输入 
宝贝 的 链接 


https-Witem.taobao.corvitem.htmy?id=543121637488 


全 选 ”有 蝴 除 下 训 橱窗 推荐 | ~” 取消 推荐 。 设置 评论 有 礼 。” 创建 向 海报 更 多 操作 


bh 量 评 通 ;中 翌 农 “上 曙 心 、 时 尚 3017-05-28 二 辑 宇 周 
i 7:4 坪 ; 
[py 17:40 上 四 市 链接 
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11:14 夏 制 链接 
国 岂 贺 


商家 编码 : 201612-002 


图 9-53 ”添加 宝贝 链接 


04 单 击 “获取 宝贝 详情 ”按钮 ， 在 弹出 的 “添加 宝贝 ”对 话 框 中 设置 宝贝 详情 或 再 上 传 宝 见 ， 如 图 9-54 所 示 。 


漆器 宇内 


httpsii/tem taobao com/iitem htm?d=543121637488 


所 内 信息 
¥ 2900 00 


i 在 此 处 输入 宝贝 描述 


户外 冲 匀 家， 防水 、 保 睡 、 周 适 、 贴身， 为 您 户外 之 行 近 供 保障 。 


29)140 


选择 宝贝 主 图 


取 自 


图 9-54 ”编辑 宝贝 


05 ”设置 完毕 后 单 击 “确定 ”按钮 ， 然 后 单 击 “ 友 布 ”按钮 ， 如 图 9-55 所 示 。 
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点 布 | 二 日 还 6[ 肯 布 :1 简 } 


图 9-55 ”保存 并 发 布 


选中 “ 群 聊 ” 单 选 按钮 ， 可 以 创建 一 个 群 聊 组 ， 通 过 “手机 淘宝 ”扫描 二 维 码 ， 再 单 击 “ 已 在 手机 端 完 成 建 群 ” 按 钮 ， 即 可 
为 发 布 的 微 淘 创建 一 个 群 ， 如 图 9-56 所 示 。 
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* 溢 加 主见 


[S4312163 


澳 辑 主打 功能 需要 圣人 少 6 你 可 以 扫 码 创建 一 个 群 


添加 互动 “] 无 组 件 


1 使 用 手机 淘宝 扫 二 稚 码 建 群 
2 手机 完成 操作 后 ， 点 击 下 方 完成 建 群 按 饵 


已 在 手机 端 完成 建 群 


图 9-56 ”创建 群 


06 曲 击 “及 布 ”按钮 完成 友 布 ， 此 时 会 弹出 如 图 9-27 所 示 的 “ 友 布 成 功 ” 对 话 框 。 


您 的 内 容 已 经 成 功 发 布 


图 9-57 发布 成 功 


07 友和 布 成 功 的 “上 新 宇 贝 ”可 以 在 “店铺 动态 ”中 进行 查看 ， 如 图 9-58 所 示 。 


无 线 运营 中 心 


店铺 动态 加 


封面 样式 标题 与 措 述 
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017-05-28 20:09:16 


该 出 手 时 就 出 手 ， 风 风沙 炎 买 断 手 ! 
a017-05-24 11i.09:.51 


图 9-58 ”店铺 动态 


08 ”双击 宝贝 即 可 进入 “内 容 详情 页” 中 ， 如 图 9-59 所 示 。 


多 媒体 中 心 


自 定义 页 面 


弓 动 服务 窗 EE 


手机 海报 


>> 内 容 详 情 页 


i 复制 下 面 的 链接 或 扫描 二 维 码 图片， 分 至 你 发 布 的 内 容 
有 章光 的 一 次 户外 活动 , 车 备 应 县 十 非 学 重要 的 一 山内 
客 。 好 的 户外 车 奋 会 使 称 户 外 之 行 更 加 有 章光 ! We 
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因 时 还 没有 评论 记录 


图 9-59 ”内 容 详 情 


09 在 手机 淘宝 店铺 的 首页 中 可 以 看 到 “上 新 宝贝 ”的 数量 ， 如 图 9-60 所 示 。 
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宝贝 分 类 店铺 向 从 宝贝 分 类 店铺 简介 


图 9-60 ”上 新 宝贝 


9.3.2 友 图 片 


在 手机 淘宝 “发 布 微 淘 / 友 图 片 ”中 可 以 友 布 文本 、 商 品 、 图 片 等 元 素 。 在 手机 淘宝 中 进入 微 淘 编辑 并 上 友 布 图 文 广播 的 方法 
如 下 : 
01 进入 “ 微 淘 管理 中 心 ”， 单 击 “ 友 图 片 ” 按 钮 ， 如 图 9-61 所 示 。 


发 布 微 淘 名 再 次 本 中 送 左 。 


来 者 看 吗 ? 立即 查看 
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a 草稿 箱 上 发帖 了 点 宝贝 ; 点 跨 店 清单 点 图 上 发 上 新 预 上 新 


网 优质 案例 


由 微 淘 数据 


图 9-61 ” 微 淘 管理 中 心 


02 进入 “ 友 布 内 容 ” 编 辑 区 ,设置 “图 集 标题 ”内 容 后 ， 单 击 “ 上 传 图 片 ”按钮 ， 在 其 中 选择 需要 上 传 的 图 片 ， 如 图 9- 
62 所 泵 。 


发 布 微 淘 》 发 布 内 容 您 ! 再 次 雪 中 送 正人 


+ 图 售 标 题 ， 有 意义 的 一 次 户外 活动 ， 装 备 应 该 是 丰 常 重要 的 一 项 内 容 。 好 的 户外 装备 会 使 您 户外 之 行 更 加 有 意义 ! 4511 


* 添加 图 片 


上 传 图 片 


上 传 新 图 片 从 图 片 空间 选择 


图 片 目录 桥 三 | 按 修改 时 间 从 晚 到 早 到 
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已 选 6 张 择 图 片 ( 拖 动 可 修改 插入 顺序 ) 


图 9-62 ”选择 图 片 


03 单 击 “ 确 定 添 加 ”按钮 ， 返 回 后 为 每 个 图 片 添加 摘 述 ， 如 图 9-63 所 示 。 


点 布 微 淘 》 点 布 内 容 


k 图 和 售 标 题 ”有 意义 的 一 次 户外 活动 ， 装 备 应 该 是 非常 重要 的 一 项 内 容 。 好 的 户外 装备 会 使 您 户外 之 行 更 加 有 意义 ! 


* 杰 加 图 请 


宣传 广告 ,看 起 来 会 好 ! 


宣传 广告 ， 看 起 来 会 好 ! 


实物 照片 ， 彰 显 本 质 特色 ! 


图 9-63 ”添加 描述 


04 ”为 图 片 添加 标签 ， 完 成 友 布 内 容 设置 ， 单 击 “ 保 存 草 稿 ” 按 钮 进行 保 仓 ， 如 图 9-64 所 示 。 


创意 照片 ， 间 显 本 质 特色 ! 


极限 户外 XX| 户外 装备 X 


最 多 可 填写 8 个 标 葡 ,每 个 标签 请 控 制 在 人 2 个 字 得 以 内 (输入 后 回 车 形成 标签 ) 


互动 各 元 组 件 。 群 嘱 


定时 发 布 ”使 用 定时 发 布 


图 9-64 ”发 布 图 片 


微 淘 每 天 只 能 发 布 一 次 ， 同 一 天 编辑 多 项 内 容 后 ， 可 以 将 其 保存 草稿 ， 待 第 二 天 再 发 布 。 


9.3.3” 友 帖子 


在 手机 淘宝 “ 友 布 微 淘 / 友 帖子 ”中 可 以 点 布 文本 、 商 品 、 图 片 等 元 素 。 在 手机 淘宝 中 进入 微 淘 编 辑 并 友 帖 子 的 方法 如 下 : 
01 进入 “ 微 淘 管 理 中 心 ”， 单 击 “ 友 帖子 ”按钮 ， 如 图 9-65 所 示 。 


(@) 微 海 管理 中 发 布 微 淘 


Gane) 
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点 路 店 清单 


条 优质 塞 例 


图 9-65” 微 淘 管理 中 心 
02 进入 “ 友 布 内 容 ” 编 辑 区 ， 为 其 添加 “标题 内 容 ”“ 副 标题 ” “添加 封面 图 ”， 如 图 9-66 所 示 。 
发 布 微 淘 发 布 内 容 您 y 再 次 委 中 送 正 < G 


亡 外 装备 防水 保 上 星 舒 基 为 您 户外 之 行 提供 保障 


有 意义 的 一 灾 户 外 活动 ， 装备 应 该 是 非常 重要 的 一 项 内 容 。 好 的 户外 装备 会 使 您 户外 之 行 更 


图 9-66 发 帖子 


03 在 “正文 ”编辑 区 可 以 直接 添加 宝 见 、 上 传 图 片 及 添加 文本 ， 如 图 9-67 所 示 。 
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, 越 能 充分 量 示 你 的 漫 暖和 优越 。 轻 薄 似 我 
如 。 风 雨 相 伴随 ， 温 睡 你 我 心 


图 9-67 添加 宝贝 、 上 传 图 片 等 


添加 链接 ”中 设置 链接 地 址 ， 并 输入 名 称 为 “店铺 首页 ”， 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 9-68 所 示 。 
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图 9-08 添加 链接 


05 ”链接 添加 完毕 后 ， 为 其 设置 “用 尸 标 签 ”， 效 果 如 图 9-69 所 示 。 


定时 点 布 | 悚 用 定时 发 布 


你 存 曹 柱 


图 9-69 设置 “标签 ”用 户 


06 ”设置 完毕 后 单 击 “ 保 存 草 稿 ” 按 钮 ， 等 第 二 大 再 友 布 。 


9.3.4 ”友和 链接 


在 手机 淘宝 “ 友 布 微 淘 / 友 链接 ”中 可 以 将 手机 淘宝 中 制作 的 目 定 义 页 面 友 布 为 微 淘 ， 具 体操 作 方 法 如 下 : 


01 进入 “ 微 淘 管 理 中 心 ”， 单 击 “ 友 链接 ”按钮 ， 如 图 9-70 所 示 。 


《@) 微 海 管理 中 心 发 布 微 淘 


器 友 布 微 淘 


目 草稿 箱 


时 优质 案例 


图 9-70” 微 淘 管 理 中 心 


02 进入 “发 布 内容 ” 编 辑 区 ， 为 其 添加 “标题 ”“ 副 标题” “封面 图 ”， 如 图 9-71 所 示 。 


点 布 微 淘 》 点 布 内 容 


* 标 证 为 您 户外 之 行 提供 保障 


副 标 卉 有意 ※ 的 一 次 户外 活动 ， 装 备 应 该 是 非常 重要 的 一 项 内 容 。 好 的 户外 装备 会 使 您 户外 之 行 更 加 有 意义 ! 


* 封面 图 


最 多 9 填写 8 个 标签 ,每 个 标签 请 控制 在 12 个 字符 以 内 (输入 后 回 车 形成 标签 ) 


使 用 定时 发 布 


保存 草稿 


图 9-71 添加 标题 等 


03 ”在 “链接 ”中 设置 手机 淘宝 中 “冲锋 衣 页 面 ” 的 链接 地 址 ， 并 输入 名 称 为 “户外 冲锋 衣 ， 单 击 “ 确 定 ” 按 钮 ， 效 果 
如 图 9-72 所 示 。 


无 线 店铺 
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图 9-72 ”添加 链接 


04 ”链接 添加 完毕 后 ， 为 其 设置 “用 尸 标签 ”， 效 果 如 图 9-73 所 示 。 


草稿 按钮， 得 第 二 天 再 发 布 。 
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05 ”设置 完毕 后 单 击 “ 保 


最 多 中 填 与 8 个 标签 .每 个 标签 请 控制 在 12 个 字符 以 内 ( 痊 入 后 加 车 形成 慰 签 ) 


使 用 定时 点 布 


图 9-73 ”设置 “用 户 标签 ” 


: 目 声 &t 晶 一 
温馨 提示 


微 淘 每 天 只 可 以 发 送 一 条 信息 ， 在 发 送 时 一 定 要 编辑 好 ， 因 为 发 送 后 的 内 容 不 可 以 再 进行 重新 编辑 。 


微 淘 的 其 他 项 目 应 用 与 本 节 所 讲 的 项 目 应 用 类 似 ， 大 家 可 以 多 练习 ， 微 淘 发 布 的 好 坏 直接 影响 推广 的 力度 。 


